elementui Cascader 清空选中的值 clearCheckedNodes

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

 

 能够看到,文档说调用这个方法便可清空选中的节点,因而就是调用下试试吧vue

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

而后就数组

 

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

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

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

先贴出级联选择器的代码.net

复制代码
<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决定htm

转载:http://www.sxyya.com/h-col-116.htmlblog

相关文章
相关标签/搜索