頁面: <el-cascader v-model="areaId" ref="refHandle" :options="areaList" :props="{ checkStrictly: true }" @change="handleChange" expand-trigger="hover" clearable ></el-cascader> 邏輯: watch:{ areaId:{ handler(newVal, oldVal) { if (this.$refs.refHandle) { var children = this.$refs.refHandle.getCheckedNodes(); if(children[0].children.length < 1){ //判斷有沒有下級 this.$refs.refHandle.dropDownVisible = false; //監聽值發生變化就關閉它 } } }, } }
判斷值有沒有變化,變化切沒有下一級,關閉級聯選擇