问题现象:el-input 可以点击,却显示不出键盘输入的内容。
解决:
-
将 el-input 的 value 属性修改为 使用 v-model 实现。
<el-input width="260px" v-model="inputValue"></el-input>
-
使用 input 事件,实时刷新,两种方法本质其实是相同的。
<el-input width="260px" :value="inputValue" @input="inputValue = $event" ></el-input>
-
通过input事件,在 change 事件中执行 this.$forceUpdate()强行刷新视图。
<el-input width="260px" :value="inputValue" @input="change($event)" ></el-input>
总结:问题产生的原因是由于 input 在 vue 中受控导致,elementUI 官方文档也有说明。推荐使用 v-model,用起来比较简便。
更多精彩内容:各种AI课程、技能课程、黑科技软件、网站小程序源码、副业小项目、PPT模板等精品素材、电商课程、推广引流课程等,尽在 天边资源网 。