el-cascader 級聯選擇器 選擇任意一級選項問題

主要就兩個問題：

1. 點擊圓圈后理想是自動收起下拉，但是他這個也沒有
2. 而且只能點擊圓圈才能選中，點擊文字 label 沒有效果

 

解決1：

設置每次監聽值變化的時候，把 dropDownVisible 屬性設置為 false 即可。

 watch: { handlerValue() { if (this.$refs.refHandle) { this.$refs.refHandle.dropDownVisible = false; //監聽值發生變化就關閉它
 } } },

 

解決2：

// 隱藏級聯選擇器前面的 選擇圈（把它變為100%，透明，覆蓋在label上）
.el-cascader-panel{ .el-radio__inner{ border: 0px; ">transparent;
 } .el-radio__input.is-checked .el-radio__inner{ background:none; } .el-radio{ height: 100%; width: 150px; position: absolute; z-index: 10; } }