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決定