elementUI中input框无法输入的问题及原因
程序员文章站
2022-06-07 13:39:14
...
新增的时候input突然不能输入内容了
就是输入不进去
解决1.
猜想就是输入内容没渲染,这里用@input="change($event)"
方法监听input输入,this.$forceUpdate()
手动渲染
<el-input v-model="dataForm.listingNumber"@input="change($event)" placeholder="挂牌号" />
change (e) {
this.$forceUpdate()
}
解决2.
后来发现这样做还要为这个input单独监听输入内容是否为空,因为内容虽然渲染单无法用Rule直接监听是否为空
才发现因为清空操作,这个input绑定的prop在 dataForm初始化时清掉,所以绑定时找不到造成无法输入
dataForm.listingNumber=''//给定初始值
推荐阅读