数据变动就报错,可能是因为数据没得到及时更新,所以加了监听器,并且给cascader绑定了一个key,这样只要监听到数据发生变化,key 就变化,就重新渲染
解决办法:
<el-cascader :options="areaData" :show-all-levels="false" v-model.trim="form.AreaRegionIds" style="width: 100%" :props="{ multiple: true, emitPath: false, children: 'ListTreeRegionItem', label: 'RegionName', value: 'RegionId', }" clearable :key="keyValue" ////keyValue在data中定义,初始值为0 ></el-cascader>
watch: {
options(newVal) {
this.keyValue++ //监听到数据源发生变化 ,改变keyValue的值,达到重新渲染的效果
}
},