主要就两个问题:
- 点击圆圈后理想是自动收起下拉,但是他这个也没有
- 而且只能点击圆圈才能选中,点击文字 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%;
150px;
position: absolute;
z-index: 10;
}
}