elementui 树形控件怎样监听节点的展开状态？

Question

elementui 树形控件怎样监听节点的展开状态？

<el-tree 
                :data="treeDatas" 
                :props="defaultProps" 
                :default-expand-all="true" 
                @node-click="handleNodeClick"
                :expand-on-click-node="false"
                :indent = '10'                 
                ref="tree">
                  <span class="custom-tree-node" slot-scope="{ node, treeDatas }">
                    <span :class="handleClass(node.data)"><i :class="node.icon"></i>{{ node.label }}</span>
                  </span>
                </el-tree>

项目需求是，当节点展开状态改变时，改变当前节点的小图标，图标是用的elementUI内的icon组件。
现在就是卡在了获取节点状态这里，求各路大神指点迷津！

Answer 1

node-click 节点被点击时的回调 共三个参数，依次为：传递给 data 属性的数组中该节点所对应的对象、节点对应的 Node、节点组件本身。

Answer 2

树形控件的node-click方法中点击后会传递三个参数，一般只是在console.log中打印第一个会发现，只有label关键词的信息，需要获取的子集或者父级信息都没有，那么就需要传递，打印第二个参数Node了，在这里你会发现很多有用的信息。使用换图标的方法，我是使用作者的，但是发现使用自定义图标后，出现菜单对齐问题，有子集的和无子集的，方法就是让他们都拥有图标，再通过判断是否有子集，让没有子集的树形菜单透明度为0.