问题:引入cascader级联选择器组件,页面显示大小如下:
解决办法:
1、级联选择器的配置项props中,配置checkStrictly: true
设置父子节点不关联,从而达到选择任意一级选项的目的,这时单选框出现。
2、在项目的全局样式中设置:
(注意:代码写在全局样式中,写在vue组件中不生效)
.el-cascader-menu{
height: 200px;
}
.el-radio__inner {
border-radius: 0;
border: 0;
width: 170px;
height: 34px;
background-color: transparent;
cursor: pointer;
box-sizing: border-box;
position: absolute;
top: -18px;
left: -19px;
}
.el-radio__input.is-checked .el-radio__inner {
background: transparent;
}
3、刷新页面,恢复正常。