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++)

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐