element ui中的cascader出現的報錯:Error in callback for watcher "value": "TypeError: Cannot read property 'level' of null"


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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM