elementui Cascader 清空選中的值 clearCheckedNodes
阿新 • • 發佈:2020-09-20
首先看下官方的文件,直接上圖
可以看到,文件說呼叫這個方法即可清空選中的節點,於是就是呼叫下試試吧
//利用 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決定