• 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指令。

  • 相关阅读:
    html5--html实现乘法口诀表
    html5--switch选择结构的优化
    CSS盒子模型
    html5--项目实战-仿天猫(移动端页面)
    关于运动
    自然拼读法长元音
    揭开自然拼读法(Phonics)的神秘面纱
    ExtJs自学教程(1):一切从API開始
    四个好看的CSS样式表格
    【Linux】linux经常使用基本命令
  • 原文地址:https://www.cnblogs.com/LittleMore/p/9052788.html
Copyright © 2020-2023  润新知