级联选择器报错原因

在这里插入图片描述

<el-cascader ref="problemCascader" :key="problemsListKey"  v-model="problemIds" size="mini" :options="problemsList" :props="cascaderPros" filterable></el-cascader>

之前网上解决方法都是加一个key 然后数据变化时 改变key

watch监听 problemIds

 problemIds(){
      this.problemsListKey++
    },

然后我发现还是会报错 ,因为我业务是 会切换别的数据 改变级联选择器的值 会改变 所以进入页面不止访问一遍
最后我的解决方法是
mounted生命周期 清空一下数据和级联选择器的选中active

 this.$refs.problemCascader.$refs.panel.clearCheckedNodes()
 this.$refs.problemCascader.$refs.panel.activePath = []

然后数据刷新前 在调一下 不放心
就不会报错了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值