LOADING...

加载过慢请开启缓存(浏览器默认开启)

loading

TypeError: Cannot Read Properties of Null (Reading Level)

2022/11/8 ElementUI

el-cascader 反复渲染报错

解决方法

给组件设置 key(:key=”resetCascader”),在data里面设置初始值为0,当组件数据发生变化时,监听改变这个 el-cascader 的 key 值(this.resetCascader++)

       <el-form-item prop="repairTypeTwo" class="newFormItem">
              <span slot="label" class="formTitle">维修类别</span>
              <el-cascader
              :key="resetCascader"//给组件设置 key
              v-model="form.repairTypeTwo"
              style="width: 100%"
              :options="repairTypeOneList"
              filterable
              @change="handleTypeChange"
             />
         </el-form-item>
              
              
              
      data(){
          return{
             resetCascader: 0,
           }
      }
              
              
    watch: {
      //el-cascader 反复渲染报错问题
      'form.repairTypeTwo': {
        deep: true,
        handler(newVal) {
          this.resetCascader++
        },
      },
    },
img_show