Vue中的element树结构修改功能踩坑

最新推荐文章于 2023-06-10 02:08:22 发布

原创最新推荐文章于 2023-06-10 02:08:22 发布 · 251 阅读

0 ·

CC 4.0 BY-SA版权

vue 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了在Vue项目中使用ElementUI进行树结构数据修改时遇到的问题，特别是关于如何在从列表页跳转后正确选中树节点的难点。在尝试通过if判断条件(item1.indexOf(item.label) != -1)来实现选中匹配项时，发现条件始终无法满足，导致树结构无法正常显示已选状态。

Vue中的element树结构修改功能踩坑

1.修改功能一般是从列表页跳转过来的

var treeCheckedIdList2 = []
 this.dataHy.forEach(item => {     //dataHy是一个树形结构
        this.checkedKeys1.forEach(item1 => {      //item1是一个XX,XX1字符串
          if (item1.indexOf(item.label) != -1) {
            treeCheckedIdList2.push(item.label)
          }
        })
        this.$refs.tree.setCheckedKeys(treeCheckedIdList2, true)  //tree是与dataHy挂钩的树
        //这都是在一个方法体之内