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