解决element-ui的el-tree组件半选中回显的问题(setCheckedKeys、setChecked)

1、问题如下

当后台返回包含有半选中状态的menu id时;用element 文档的this.$refs.tree.setCheckedKeys(res.data.checkedKeys)此方法无法解决回显问题

在这里插入图片描述 在这里插入图片描述

2、解决办法如下(应该使用setChecked)

tree回显解决.gif

关键代码

res.data.checkedKeys.forEach(val => {
          this.$nextTick(() => {
            this.$refs.tree.setChecked(val, true, false)
          })
        })
        // res.data.checkedKeys:是后台返回选中的id数组
复制代码

相关文章

基于ElementUi或Antd再次封装基础组件文档

猜你喜欢

转载自juejin.im/post/7075308753167319053