1. 程式人生 > 實用技巧 >elementui Cascader 清空選中的值 clearCheckedNodes

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