Cascader 级联选择器编辑之后展开时显示多个层级的问题的三种解决方案

目录

一、通过自带属性控制

二、强制性暴力操作DOM

三、特定情况

 但是需要注意的是！！！！

---

一、通过自带属性控制

代码：

             <el-cascader
                ref="myCascader"
                @visible-change="handleVisibleChange"
                v-model="form.teamId"
                :options="teamOptions"
                :props="cascaderProps"
                placeholder="请选择"
                clearable
                :style="{ width: width }"
              ></el-cascader>

     handleVisibleChange(flag){
       if(flag&&this.$refs.myCascader.getCheckedNodes()[0]==null){
         this.$refs.myCascader.$refs.panel.initStore()
       }
     },

二、强制性暴力操作DOM

使用v-if

三、特定情况

当级联选择器在对话框el-dialog中使用时

直接使用elementUI中自带的属性  destroy-on-close 

 但是需要注意的是！！！！

当el-diolog对话框中使用了el-tab时，再使用 destroy-on-close 会造成页面卡死问题

over~