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; } }