Skip to content

Bug: Playground示例Form中的Input因为后缀标签的变换会失去焦点 #6222

Open
@sw-Fang

Description

@sw-Fang

Version

Vben Admin V5

Describe the bug?

playground示例中,【菜单管理】页面的Form表单的【标题】字段,修改标题时如果经历i18n的切换,会导致输入中断,影响体验。

Image

Reproduction

const schema: VbenFormSchema[] = [
{
component: 'Input',
componentProps() {
// 不需要处理多语言时就无需这么做
return {
addonAfter: titleSuffix.value,
onChange({ target: { value } }: ChangeEvent) {
titleSuffix.value = value && $te(value) ? $t(value) : undefined;
},
};
},
fieldName: 'meta.title',
label: $t('system.menu.menuTitle'),
rules: 'required',
},
];

System Info

System:
    OS: Windows 11 10.0.22631
    CPU: (16) x64 12th Gen Intel(R) Core(TM) i5-12600KF
    Memory: 3.79 GB / 63.84 GB
  Binaries:
    Node: 20.17.0 - D:\work\nodejs\node.EXE
    Yarn: 1.22.22 - D:\work\nodejs\yarn.CMD
    npm: 10.8.2 - D:\work\nodejs\npm.CMD
    pnpm: 10.6.5 - D:\work\nodejs\pnpm.CMD
  Browsers:
    Edge: Chromium (127.0.2651.74)
    Internet Explorer: 11.0.22621.3527

Relevant log output

Validations

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions