美文网首页
iview中的tree结构加展开

iview中的tree结构加展开

作者: wandx | 来源:发表于2020-03-20 20:29 被阅读0次

在使用iview中使用tree组件的时候,遇到了个坑,以此来记录下:
给tree结构进行操作时,最后刷新树结构会不知道自己操作了哪个节点,所以需要在操作完后展开,

  Vue.set(item, 'expand', true)  

iview: 4.1.1

/*
    * 展开选中的tree结构,增加expand属性
    * @param tree 树结构
    * @param  pid  增加 和 编辑 是当前节点的 id ;
    *               删除 是当前节点的pid
    * */
  unFold (tree, pid) {
    var getUnFold
    getUnFold = function (arr, id) {
      for (var i = 0; i < arr.length; i++) {
        var item = arr[i]
        if (item.id === id) {
          Vue.set(item, 'expand', true)
          getUnFold(tree, item.pid)
          break
        } else {
          if (item.children) {
            getUnFold(item.children, id)
          }
        }
      }
    }
    getUnFold(tree, pid)
    return tree
  }

相关文章

  • iview中的tree结构加展开

    在使用iview中使用tree组件的时候,遇到了个坑,以此来记录下:给tree结构进行操作时,最后刷新树结构会不知...

  • React-ant-design使用记录(小白文)

    Tree使用 1、动态加载Tree结构时,默认选中以及默认展开功能问题 动态数据默认选中能选中,但是默认展开功能会...

  • 基于iview的Tree控件自定义节点内容

    在本篇文章当中,将采用vue+iview的tree组件实现树型结构。 要实现这种自定义效果其实不难,而且官网有相应...

  • 如何实现Element树形控件Tree在懒加载模式下的动态更新

    Element提供的Tree树形控件,可以用清晰的层级结构展示信息,还可以展开或折叠。Tree支持两种加载模式:一...

  • 2021-03-15 iview一些问题

    1.iview 在使用tree组件时,发现没有set类的方法,只有get,那么要改变tree值,只能遍历treeD...

  • 2.BTC-数据结构

    本篇文章主要介绍比特币中的数据结构:Merkle Tree。 一、Merkle Tree Merkle Tree翻...

  • d3 树状布局tree

    树状布局Tree-Layout简介 显而易见,树状布局就是我们通常所理解的数据结构中的树,由一个根节点向外展开,与...

  • Echarts tree结构使用

    需求:关系族谱图,多叉树结构展示 技术:Echarts tree结构 难点 控制节点的缩起和展开状态 同一个等级...

  • iView下拉树

    iView目前提供了Select选择器和Tree树形控件,但是在Form表单中直接使用Tree,总是觉得怪怪的,i...

  • 十一. Minimum Spaning Tree 1 Krusk

    Minimum Spaning Tree: 在我看来,就是在图G中包含所有点的tree,并且tree中所有边的权加...

网友评论

      本文标题:iview中的tree结构加展开

      本文链接:https://www.haomeiwen.com/subject/jeesyhtx.html