1. 要實現的功能:狀態為可用時,tree組件節點為可用;狀態為不可用時,tree組件節點為禁用。如下圖
2.思路:通過接口獲取數組后,當狀態為可用時,給數組增加disabled: false屬性; 當狀態為不可用時,給數組增加disabled: true屬性。
3.遇到的問題是:當狀態改變時,操作數租可以正常改變disabled屬性的值,但是視圖不能更新,只有點擊每個節點時,當前點擊的節點狀態才會改變。
4.解決的方法:將 item.disabled = true 改為 this.$set(item,"disabled",true)來添加對象的屬性並賦值。如下圖
5.總結vue.set