string(21) "{"docs":[],"count":0}" array(2) { ["docs"]=> array(0) { } ["count"]=> int(0) } element ui 中el-input搜索输入框或者普通输入框无法输入的问题讨论 - 爱码网

下面来说一下网友的方法,方法如下:(不赞同)

最近发现项目中需要输入内容的时候,input框有时候会无法输入进去
element ui 中el-input搜索输入框或者普通输入框无法输入的问题讨论

发现elementUI中@input事件可以拿到当前输入的值,

问题找到了,视图没有更新的问题

解决方法 this.$forceUpdate()

element ui 中el-input搜索输入框或者普通输入框无法输入的问题讨论

element ui 中el-input搜索输入框或者普通输入框无法输入的问题讨论

其实无论是普通输入框还是搜索输入框不能数据的原因都是没有进行数据的双向绑定

拿一个简单的例子说:

1.普通输入框(登录的用户名和密码)

element ui 中el-input搜索输入框或者普通输入框无法输入的问题讨论
element ui 中el-input搜索输入框或者普通输入框无法输入的问题讨论
v-model就是进行数据的双向绑定,如果把这行删了试一下,肯定就输入不了数据,绑定的数据在你的data中,时时更新

2.搜索输入框,同理

element ui 中el-input搜索输入框或者普通输入框无法输入的问题讨论

element ui 中el-input搜索输入框或者普通输入框无法输入的问题讨论

记得数据绑定,要不输入框怎么知道你要输入的是啥要干什么

相关文章: