动态控制element-ui中tree组件的禁用状态

1. 要实现的功能:状态为可用时,tree组件节点为可用;状态为不可用时,tree组件节点为禁用。如下图

 

2.思路:通过接口获取数组后,当状态为可用时,给数组增加disabled: false属性; 当状态为不可用时,给数组增加disabled: true属性。

3.遇到的问题是:当状态改变时,操作数租可以正常改变disabled属性的值,但是视图不能更新,只有点击每个节点时,当前点击的节点状态才会改变。

4.解决的方法:将 item.disabled = true 改为 this.$set(item,"disabled",true)来添加对象的属性并赋值。如下图

 5.总结vue.set

原文地址:https://www.cnblogs.com/ahalvxiaobu/p/14236328.html