vue3+ELInput无法输入的问题
2026-02-02
vue3+ELInput无法输入的问题 关注 作者 关注 作者 关注 作者 关注 作者 2025/06/23 17:58
vue3+ElInput无法输入的问题 免费在线影院 爱壹帆电影 电影小宝影院 爱一帆
开篇 小宝影院在线视频 爱壹帆影视 xxxxxx xxxx 楼凤信息
写业务的时候发现，因为想偷懒嘛，直接就在想在外部去定义一个变量，然后写个弹窗里（tsx）的el-input，而不是又去写个vue页面，但发现就输入不了了，而且跟着文档写textarea没有字数统计。就两个问题嘛 小寶影院 aiyifan电影 iyf 爱壹帆在线 探花 寻芳网
1.el-input无法输入
TSX的写法嘛，最开始我是这么写的
const auditText = ref('');
// 忽略代码<ElInputmodel-value={auditText.value} autosize={{minRows:5, maxRows:10}}
max-length={50} placeholder="请填写审核不通过原因（最少五个字）"show-word-limit type="textarea"/>然后发现真是一点反应没有啊，然后看了下文档上面的这句话 小宝影院电影 爱壹帆 爱壹帆国际版
const auditText = ref<string>('');
function test(value) {
console.log(value);
auditText.value = value;
}
//忽略代码
<ElInput
model-value={auditText.value}
onInput={test}
autosize={{ minRows: 5, maxRows: 10 }}
max-length={50}
placeholder="请填写审核不通过原因（最少五个字）"
show-word-limit
type="textarea"
/>
但是那其实也不用这么麻烦人文档里也写得很清楚了v-model就行 爱一帆电影 小宝影院 电影爱壹帆 xnxx 寻芳阁
<ElInput
v-model={auditText.value}
autosize={{ minRows: 5, maxRows: 10 }}
max-length={50}
placeholder="请填写审核不通过原因（最少五个字）"
show-word-limit
type="textarea"
/>
2.字数统计不见了
先看看官网的写法，定义个maxlength再定义个show-word-limit就有字数统计了 爱壹帆在线 寻芳网
可是如果我在tsx里按官网这么写会发生什么那 爱壹帆免费版 约炮
xnxx 海外华人视频网 小宝影院 xxx 电影aiyifan 小宝影院 外围
果然吗,不是props的属性就不用写了,原生事件是直接绑定在attrs上给input标签的，所以写在tsx里会报错，写在模版里不会。暂时就忽略这一行检查把~~~。 爱壹帆 海外华人视频网 寻芳阁
总结 xxxxx
平时会记录一些简单但好玩的问题，水一篇vue，每天一篇vue一篇react。 ifun
00目录 0