第一个问题:下拉框高度过长导致部分内容看不见
解决办法:
1.在浏览器中审查下拉框元素
2.在css中更改高度
.el-cascader-panel {
height: 300px;
}
第二个问题:圆圈文本问题
取消圆圈解决方案:
.el-cascader-panel .el-radio {
width: 100%;
height: 100%;
z-index: 10;
position: absolute;
top: 10px;
right: 10px;
}
.el-cascader-panel .el-radio__input {
visibility: hidden;
}
第三个问题:选择相应分类后下拉框不消失
解决方案:在cascader的change方法修改dropDownVisible的值
<el-cascader
v-model="ParentCateKeys"
:options="parentCateList"
:props="cascaderProps"
@change="ParentCateKeysChange"
clearable
ref="cascaderRef"
></el-cascader>
ParentCateKeysChange() {
console.log(this.ParentCateKeys);
console.log(this.$refs.cascaderRef);
this.$refs.cascaderRef.dropDownVisible = false
}