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

相關文章
相關標籤/搜索