頁面:
<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; //監聽值發生變化就關閉它
}
}
},
}
}
判斷值有沒有變化,變化切沒有下一級,關閉級聯選擇
