1. 要实现的功能:状态为可用时,tree组件节点为可用;状态为不可用时,tree组件节点为禁用。如下图
2.思路:通过接口获取数组后,当状态为可用时,给数组增加disabled: false属性; 当状态为不可用时,给数组增加disabled: true属性。
3.遇到的问题是:当状态改变时,操作数租可以正常改变disabled属性的值,但是视图不能更新,只有点击每个节点时,当前点击的节点状态才会改变。
4.解决的方法:将 item.disabled = true 改为 this.$set(item,"disabled",true)来添加对象的属性并赋值。如下图
5.总结vue.set