1、標簽組件： <el-cascader ref="cascaderRef1" popper-class="popper-cascader" @change="handleChangeCascader(cascaderRef1)"></el-cascader>
2、給popper-cascader設置樣式，在element-ui,scss里編寫
.popper-cascader .el-cascader-panel .el-radio {
width: 100%;
height: 100%;
z-index: 10;
position: absolute;
top: 0px;
right: 0px;
}
.popper-cascader .el-cascader-panel .el-checkbox {
width: 100%;
height: 100%;
z-index: 10;
position: absolute;
top: 0px;
right: 0px;
}
.popper-cascader .el-cascader-panel .el-radio__input {
display: none;
}
.popper-cascader .el-cascader-panel .el-checkbox__input {
margin-top: 2px;
margin-left: 8px;
}
.popper-cascader .el-cascader-panel .el-cascader-node__postfix {
top: 10px;
}
3、獲取el-cascader的 ref
const cascaderRef1 = ref();
4、獲取el-cascader的change事件去關閉下拉選項
function handleChangeCascader(type){
type.togglePopperVisible(false);
};
浙公網安備 33010602011771號