iview中使用tree选框绑定值时遇到的坑​

现在在做的项目用到的iview插件,用到tree树形图绑定选中项时可以绑定上,但是点击取消后再选中就选中不上了,打印的数据是选中上的,功能也都是好的就是页面上的选框勾选不上去。百度了好多都是说需要深克隆,看了几个不是很懂,于是自己就慢慢测试找方法了。

tree插件的选框状态下有方法@on-check-change=“handleCheckChange”
在树形图中设置v-if:

<Tree
  v-if="sitedata"
  :data="data3"
  @on-check-change="handleCheckChange"
  show-checkbox
  style="margin-left:30px;margin-top: 20px">
</Tree>

在方法中开始时设置 隐藏; 然后写自己的方法,结束时再显示

handleCheckChange(data, checked) {
      this.sitedata = false;
      //自己写的方法
      this.$nextTick(() => (
        this.sitedata = true
      ))
    },

本人还是一个前端初级小菜鸟,对一些比较难的问题有时候不是很理解,这时候就需要问度娘了,或者在CSDN搜索查找想要的答案,很多在工作中遇到的解决不了的问题都会找出答案整理好发到我的公众号上面,希望大家关注我的公众号,以后遇到的问题可以相互讨论,欢迎大家的关注!!!

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值