溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
常規情況下我們在vue實例的data中設置響應數據。但當數據為對象，我們增加或刪除對象屬性值時，視圖并不觸發更新，如何解決這個問題呢？
實例代碼如下：
let vm = new Vue{
el: '#app',
data: {
obj: {
k: 'v'
}
},
...
}
有三種解決方案：
方案一：利用Vue.set(object,key,val)
例：Vue.set(vm.obj,'k1','v1')
方案二：利用this.$set(this.obj,key,val)
例：this.$set(this.obj,'k1','v1')
方案三：利用Object.assign({}，this.obj)創建新對象
例：
this.obj.k1='v1'；
this.obj = Object.assign({}, this.obj)
或
this.obj = Object.assign({}, this.obj,{'k1','v1'})
以上這篇解決vue中對象屬性改變視圖不更新的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持億速云。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
