el-cascader 反复渲染报错

解决方法
给组件设置 key(:key=”resetCascader”),在data里面设置初始值为0,当组件数据发生变化时,监听改变这个 el-cascader 的 key 值(this.resetCascader++)
<el-form-item prop="repairTypeTwo" class="newFormItem">
<span slot="label" class="formTitle">维修类别</span>
<el-cascader
:key="resetCascader"//给组件设置 key
v-model="form.repairTypeTwo"
style="width: 100%"
:options="repairTypeOneList"
filterable
@change="handleTypeChange"
/>
</el-form-item>
data(){
return{
resetCascader: 0,
}
}
watch: {
//el-cascader 反复渲染报错问题
'form.repairTypeTwo': {
deep: true,
handler(newVal) {
this.resetCascader++
},
},
},
