欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

elementUI中input框无法输入的问题及原因

程序员文章站 2022-06-07 13:39:14
...

新增的时候input突然不能输入内容了

elementUI中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=''//给定初始值