數據變動就報錯,可能是因為數據沒得到及時更新,所以加了監聽器,並且給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的值,達到重新渲染的效果
}
},