我有妙招-使用element-ui的el-tree组件setCheckedKeys设置无效的解决办法/setCheckedNodes设置不上数据

这篇具有很好参考价值的文章主要介绍了我有妙招-使用element-ui的el-tree组件setCheckedKeys设置无效的解决办法/setCheckedNodes设置不上数据。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

使用element-ui的el-tree组件setCheckedKeys设置无效的解决办法/setCheckedNodes设置不上数据 

当我们使用el-tree时经常会涉及到回显,有的时候回显失败怎么解决,下面是我常用的两种回显方式

setcheckednodes 不生效,日常开发,vue.js,elementui,前端,开发语言,java

第一种:

  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参数

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模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包