elementui Cascader 清空选中的值 clearCheckedNodes

首先看下官方的文档,直接上图

 可以看到,文档说调用这个方法即可清空选中的节点,于是就是调用下试试吧

//利用 ref 选中  ,然后调用 此方法
this
.$refs.cascaderRef.clearCheckedNodes();

然后就

有点尴尬,用不了,直接百度,百度出来了一种方法

转载:https://blog.csdn.net/weixin_40235831/article/details/105410935

看了下,要改源码,麻烦死,下面介绍一种简单的方法:vue的双向绑定

先贴出级联选择器的代码

<el-cascader
            ref="cascaderRef"
            v-model="selectedIds"
            :options="parListData"
            :props="cateProps"
            @change="handleCateChange"
            clearable
          ></el-cascader>

看到v-model这个了吗?这个是获取选中的级联的id,并把它存放到数组selectedIds中,想要清空选中的选项,直接让该数组为空即可

this.selectedIds=[];

存的是id还是value,或者其他的,则由props决定

原文地址:https://www.cnblogs.com/zqblog1314/p/13701068.html