//控件設置
<el-cascader ref="cascaderMenu" v-model="formData.parentMenuName" :options="menuTreeData" :show-all-levels="false"
@change="MenucascaderSelectChange" :style="{width: '100%'}"
:props="{value:'menuId',label:'menuName',checkStrictly: true,expandTrigger: 'hover'}" clearable>
//添加方法
MenucascaderSelectChange(){
// 目的是選擇之后將下拉界面收起
this.$refs.cascaderMenu.toggleDropDownVisible();
//獲取最后一個元素
if(this.formData.parentMenuName.length>0){
this.formData.parentMenuName = this.formData.parentMenuName[this.formData.parentMenuName.length-1];
}
}
<style scope>
.el-cascader-panel .el-radio {
width: 100%;
height: 100%;
z-index: 10;
position: absolute;
top: 10px;
/* margin-right: 10px; */
/* right: 10px; */
}
.el-cascader-panel .el-radio__input{
visibility: hidden;
}
/* 隱藏單選框*/
.el-cascader-node__label{
margin-left: 10px;
}
/* 針對IE有用*/
.el-cascader-panel .el-cascader-node__postfix {
top: 10px;
}
</style>