这是在使用element ui
中的cascader
出现的报错
原因暂时不清楚,个人理解可能是因为数据源没得到及时更新,而vue是数据驱动的,所以我加了监听器,并且给cascader绑定了一个key,这样只要监听到数据源发生变化,key 就变化,就重新渲染
<el-cascader
:key="keyValue" //keyValue在data中定义,初始值为0
clearable
:props="propsObj"
v-model="value"
:options="options"
>
</el-cascader>
watch: {
options(newVal) {
this.keyValue++ //只要监听到数据源发生变化 ,改变keyValue的值,达到重新渲染的效果
}
},
还有另一个是这样做的
我这里要循环产生多个cascader,然后最外层的div绑定了key,这样也没报错
<div v-for="(item, index) in filterProductAttrList" :key="index" style="margin-bottom: 10px;">
<el-cascader
clearable
:props="propsObj"
v-model="item.value"
:options="cascaderOptions"
>
</el-cascader>
</div>