TDesign Input 绑定值后无法输入内容是怎么回事?

程序员仙仙 阅读 3

我用 TDesign 的 Input 组件绑定了一个响应式变量,但页面渲染后输入框没法输入任何内容,光标能聚焦但打字无效。是不是哪里写错了?

我试过直接修改 data 里的值,也试过用 ref,都不行。控制台没报错,就是输入没反应。

const inputValue = ref('');

// 模板里是 <t-input v-model="inputValue" />
// 实际写的是 JSX:<Input v-model={inputValue.value} />
我来解答 赞 1 收藏
二维码
手机扫码查看
1 条解答
百里春芳
问题在于 JSX 里 v-model 不需要加 .value,你写成了 v-model={inputValue.value},这样传进去的是一个静态字符串值,不是响应式引用。

改成这样就行:

<Input v-model={inputValue} />


v-model 会自动帮你处理 ref,不需要手动拆包。
点赞
2026-03-17 02:07