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

最新推荐文章于 2024-02-04 15:50:40 发布

波伏瓦海狸

最新推荐文章于 2024-02-04 15:50:40 发布

阅读量238

点赞数

CC 4.0 BY-SA版权

分类专栏： vue

本文链接：https://blog.youkuaiyun.com/sdfvsdfsdfsdfsd/article/details/116002240

vue 专栏收录该内容

5 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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挂钩的树
        //这都是在一个方法体之内