element-ui tree控件获取当前节点和父节点

  今天使用element-ui 遇到两个问题,第一个问题是获取tree控件的当前节点和父节点,

       一开始使用tree控件的getCurrentNode()函数,结果发现返回的是当前节点的data属性,和ui框架自动添加的$treeNodeKey属性,

       网上搜索下,说是可以使用getNode()函数,使用this.getNode($treeNodeKey)并不管用,获取的是null,

       看了下文档,说是要设置node-key属性,但是设置node-key=“$treeNodeKey”发现也不行。

       在看文档里对getNode()的描述是 “根据 data 或者 key 拿到 Tree 组件中的 node” ,“(data) 要获得 node 的 key 或者 data”,

       我想文档里的“data”应该就是指我们传入的数据(data),所以我把通过getCurrentNode()获取的data传入getNode(),还是获取不到当前节点。

        看了一下源码,觉得太耗时间,所以打印出整个tree控件看了一下,找到一个currentNode属性,

        这个就是当前节点的vm控件了,在通个currentNode.node就可以获取到当前节点了。

        大致代码就是 this.$refs.currentNode.node。

       第二个问题是如何动态生成表格的列的,对vue新上手还并不熟悉,一开始的想法是通过watah变量,然后通过函数来动态控制,

       网上搜了一下,发现直接使用v-for就可以了,以后凡是需要动态生成的都可以先考虑使用v-for指令。

原文地址:https://www.cnblogs.com/LittleMore/p/9052788.html