TypeError: Cannot read properties of null (reading ‘level‘)

Vue 报错：
[Vue warn]: Error in callback for watcher "options": "TypeError: Cannot read properties of null (reading 'level')"

问题

el-cascader 反复渲染

<el-cascader
  :key="resetCascader"
  v-model="dialogForm.placecode"
  :options="enterOptions"
  clearable
></el-cascader>

watch: {
  'dialogForm.communityId'(newVal) {
    this.isOptional = newVal ? false : true
    this.resetCascader++
  },
},

 

解决方法

给组件设置 key（:key="resetCascader"），在data里面设置初始值为0

当组件数据发生变化时，监听改变这个 el-cascader 的 key 值（this.resetCascader++）