Vue ElementUI输入框绑定未定义的属性出错无法编辑

**v-model绑定输入框内容的时候,如果传入的是个未定义的属性,那么在代码里进行赋值初始化输入框内容的时候不能直接

obj.a='xxx'

这样值虽然插入了输入框,但是你会发现输入框会变得无法输入东西,需要用this.$set去赋值就不会出问题了。**

  1. template中(省去el-form等其他代码)
<el-input v-model="obj.a" placeholder="请输入" ></el-input>
  1. 上面输入框绑定的是obj对象的a属性
    data代码(省去export default等其他代码)
data(){
	obj:new Object()
}
  1. 经过上述直接绑定在初始化的时候修改数据以后再想用输入框输入会出现异常,输入无反应
    例如初始化的时候修改了
created(){
	//用ajax或者axios获取数据的部分代码就不写了,写个这个示意
	this.obj.a='admin'
}

经过这么一顿操作,输入框看似有初始值了,但是你输入会发现输入没反应,正确初始化赋值方式如下
需要使用

created(){
	//用ajax或者axios获取数据的部分代码就不写了,写个这个示意
	this.$set(this.obj,'a','admin')
}
posted @ 2020-08-13 16:11  HumorChen99  阅读(0)  评论(0编辑  收藏  举报  来源