使用element-ui的el-tree组件setCheckedKeys设置无效的解决办法/setCheckedNodes设置不上数据
当我们使用el-tree时经常会涉及到回显,有的时候回显失败怎么解决,下面是我常用的两种回显方式
第一种:
const filterA = ['1','2'];//数组里是数字还是字符串都无所谓,只要id是真的,方法都有效
this.$refs.tree1.setCheckedNodes(filterA);
第二种:
filterA.forEach(item => {
this.$nextTick(() => {
this.$refs.tree2.setChecked(item, true, false);
});
});
注意:一定要确保树形选择器里的数据先与上方代码获取到
async mounted() {
await this.getOrgList();//优先树形数据
this.getMessageDetail();//然后执行回显
}
},
关于el-tree的禁用,你只需要在你想要禁止选择或取消选择的数据里加一个disabled参数文章来源:https://www.toymoban.com/news/detail-589912.html
res.data.data.receiveDepList.forEach(item=>{item.disabled=true;});
res.data.data.copyDepList.forEach(item=>{item.disabled=true;});
关于所选项滞空,参数只能是数组文章来源地址https://www.toymoban.com/news/detail-589912.html
this.$refs.tree1.setCheckedNodes([]);
到了这里,关于我有妙招-使用element-ui的el-tree组件setCheckedKeys设置无效的解决办法/setCheckedNodes设置不上数据的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!