element ui搜索框不能输入内容

最新推荐文章于 2024-07-15 15:24:14 发布

HCH0120

最新推荐文章于 2024-07-15 15:24:14 发布

阅读量780

点赞数

文章标签： html

本文链接：https://blog.csdn.net/hch15462/article/details/120631152

版权

该问题和输入框不能输入问题其实是同样的。
element ui搜索框不能输入内容
解决路径：
1、猜想就是输入内容没渲染，这里用@input="change( $e v e n t) " 方法监听 i n p u t 输入， t h i s .$ forceUpdate()手动渲染

<el-input v-model="dataForm.listingNumber"@input="change($event)" placeholder="挂牌号" />

change () {
    this.$forceUpdate()
}

2、第一种应该是最长遇到的情况，但是我在使用这个方法之后也没能得到解决,然后我检查了下自己的代码，发现我的输入框（el-input）中v-model 绑定的变量名称（search）和另外一个函数名称(search)重复了。。。变量绑定不明确，导致本该接收输入信息的变量serch没能取到数据,无法输入。。。

在这里插入图片描述
所以，将这两的名字错开就解决了。