美文网首页
使用el-cascader"报错TypeError: Canno

使用el-cascader"报错TypeError: Canno

作者: 家乡_a6ce | 来源:发表于2021-07-06 18:40 被阅读0次

一、问题描述

在使用Cascader 级联选择器中的el-cascader组件进行级联效果实现的时候,想要实现级联选择器中根据指定条件默认选中级联选项的效果,但是设置完默认选项之后虽然可以显示预想的效果,但是总是会报以上的错误。

二、解决方法

因为Cascader下拉进行显示的数据是由后台接口进行提供,在进行默认值显示修改时,将后台返回的数据赋值给v-model绑定的数据,进行如此的赋值是能够实现默认值改变显示的,但是在改变榜单类型后,Cascader的options动态的进行了改变,使得Cascader的绑定数值在下拉选项中不存在。总之就是因为点击或者选中了父节点改变了榜单的类型,从而options进行动态得改变了,改变之后因为没有了这个父节点就会产生报错。当然,只要activePath 不改变就会产生报错。

在改变榜单类型,然后options改变之后,只需要通过重新渲染Cascader组件就可以解决了。

我使用了如下的方法进行重新渲染Cascader解决的:

      给Cascader设置了一个key值(注意需要在先初始化:isResouceShow: 0)

      原理是在改变榜单类型时也顺带着改变下key值,key值改变了,Cascader就能进行重新渲染了。实现如下:

原文链接:https://blog.csdn.net/qq_37253540/article/details/100730223

相关文章

网友评论

      本文标题:使用el-cascader"报错TypeError: Canno

      本文链接:https://www.haomeiwen.com/subject/udogultx.html