一溶耘、vue項目不能夠?qū)崟r監(jiān)聽(雙向綁定)動態(tài)生成的數(shù)據(jù)氏豌;
export default {
name: "demo",
data(){
return{
obj1:{
txt:'test1'
},
obj2:{}
}
},
created(){
this.obj2.txt = 'test2'
}
}
上面的案例中冤狡,obj1.txt能夠進行雙向綁定聊品,但是obj2.txt不能夠進行雙向綁定
解決辦法:
//第一種
生成數(shù)據(jù)以后,如果需要修改數(shù)據(jù)乡括,用this.obj2 = Object.assign({},this.obj2,{txt:'v-model'})來更改數(shù)據(jù)
//第二種
在動態(tài)生成數(shù)據(jù)的時候肃廓,就用this.$set(this.obj2,'txt','v-model'),而不用obj.b=''這種形式