解决element-ui的el-tree组件半选中回显的问题（setCheckedKeys、setChecked）-一一网

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

3年前更新

2620

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再次封装基础组件文档

© 版权声明

文章版权归作者所有，未经允许请勿转载。

THE END

喜欢就支持一下吧

相关推荐