• 174

elementui 中el-tree ，数据回显问题

javascript element-ui vue.js

当后台返回的el-tree相关数组的时候，子菜单未全部选中，但是只要父级菜单的id在数组中，那么他的子菜单为全部选中状态

clipboard.png

clipboard.png

用的方法

this.$axios.get('menu/queryMenuIdList?roleId=' + row.roleId).then(res => {
                   this.defalutArr = res.data
                   this.$refs.tree.setCheckedKeys(this.defalutArr);
                   })

看了文档说setCheckedKey()方法返回的数组中只要是包含的id就会被置为选中状态，而不是半选中状态，求救啊

阅读 4.3k
评论 2018-12-06 提问
    4 个回答
    • 135

    不要使用 setCheckedKeys 来回显数据，从后端拿到 id 数组之后，使用 setChecked 来循环设置选中状态。
    另外需要注意一点，如果使用 setChecked 发现没有效果，那就给它加个 setTimeout ，或者拿到数据后，再接个 then 去处理。

    评论 赞赏
      • 2
      • 新人请关照

      把this.defalutArr中的父级id过滤掉呢

      评论 赞赏
        2 个回答被忽略
        • 0
        • 新人请关照

        请问题主,第一种你问的问题如何解决, 我的数据也是一个数组这种 [1,2,3,4,5]这种 假如里面有父级ID会出现把父级下面的子级全部选中了 请问是如何解决的呢? 在线等 万分感谢

        该答案已被忽略，原因：

        评论 赞赏
          • 0
          • 新人请关照

          你好，setChecked怎么用呀，我用了没反应;

          该答案已被忽略，原因：

          评论 赞赏
            撰写回答

            登录后参与交流、获取后续更新提醒