zoukankan      html  css  js  c++  java
  • 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指令。

  • 相关阅读:
    VPython—旋转坐标系
    分布式锁简单入门以及三种实现方式介绍
    win10 64bit安装redis及redis desktop manager的方法
    Kafka史上最详细原理总结
    idea常用快捷键
    十大Intellij IDEA快捷键
    Spark(一): 基本架构及原理
    Idea Live Templates代码模板
    IntelliJ IDEA 常用快捷键列表及技巧大全
    Win10 下 RabbitMQ 的 安装 配置
  • 原文地址:https://www.cnblogs.com/LittleMore/p/9052788.html
Copyright © 2011-2022 走看看