elementUI清空级联选择器的绑定值

目前在做的一个工程认证达成度定型化计算系统中，需要一个年级专业班级的下拉框，进行三级选择，每次新增之后，无法进行清空，其他elementUI的组件都有绑定值，该组件在官复制的时候并没有绑定值，经过在网上搜索，找到了一种重新渲染的方法。

在elementUI的级联选择器cascader中，对话框选择之后，关闭对话框绑定值依旧存在。这里用重新渲染的方式进行解决

template代码

<el-form-item label="教授班级">
          <el-cascader
            :key="refreshItem"
            :props="{ expandTrigger: 'hover' }"
            @change="handleChange"
            :options="options"
            :show-all-levels="false"
            clearable
          />
        </el-form-item>

在属性中增加

:key="refreshItem"

js部分代码

定义数据

refreshItem: 0,//用于清除级联选择器的绑定值

函数

//级联选择器清除绑定值函数
    cancel(){
      this.refreshItem++;
    },

即可实现.