Vue Element ui input无法输入问题原因及彻底解决

最新推荐文章于 2024-05-02 14:29:26 发布

JavaTestZhangy

最新推荐文章于 2024-05-02 14:29:26 发布

阅读量4.7k

点赞数

文章标签： vue.js ui javascript

原文链接：https://www.jianshu.com/p/69736e7f8758

版权

在使用Vue和ElementUI时，如果数据初始化时未给input绑定的model设置key值，可能会遇到输入框无法输入数据的问题。例如，当fromData2绑定了input的值，但fromData2缺少像fromData1那样的code键，就会出现此问题。解决方案是确保数据对象有相应的键值对。

摘要由CSDN通过智能技术生成

**Vue Element ui input无法输入问题原因及彻底解决**

主要是数据初始化时候，没有设置key值，设置了值，才能生效get，set
例如
var fromData1={id:"",code:""};
var fromData2={id:""};
当fromData2绑定控件值
 <el-input type="textarea" v-model="fromData2.code" name="code"></el-input>
 这种情况。fromData2就会出输入框输入不了数据情况

以上内容转载（https://www.jianshu.com/p/69736e7f8758），用于记录自己学习