vue修改值后界面没刷新出来
vue修改值后界面没刷新出来
有时候表单是动态加载出来的修改值后界面没有刷新过来
修改时一般是使用直接赋值的方法 this.form.input = ‘aa’ 这个有时候界面会刷新不出来
修改时使用 this.$set(target,key,value)
方法就可以了,
参数有3个,第一个数据源,第二个要修改的数据,第三个为新值
可以理解为 this.$set("要修改的对象","对象中的某个属性","新值")
data() {
return {
form: {
input: '',
input2: '',
}
}
},
methods: {
//发生什么事件后要修改值
upVal(key,val) {
//修改方法两种
//this.form.input = 'aa'; //接赋值的方法界面没刷新出来
this.$set(this.form,'input','aa'); //使用$set就可以了
//也可以修改子组件中的值(下拉多选框)
this.$set(this.$refs.dropDownCheckbox,'show','true');
}