级联选择器可选择父级

<el-cascader
v-model="formData.orgId"
ref="orgTree"
popper-class="cascaderBox"
:style="{ width: '100%' }"
:options="orgOptions"
:props="{
value: 'id',
children: 'children',
label: 'label',
expandTrigger: 'hover',
checkStrictly: true,
emitPath: false,
}"
@change="handleOrgChange"
></el-cascader>

// 单位切换
handleOrgChange(value) {
console.log("value", value);
this.$refs.orgTree.dropDownVisible = false;
},

//不要加scoped
<style lang="scss">
//隐藏级联选择器单选框
.cascaderBox .el-cascader-panel .el-radio .el-radio__input {
visibility: hidden;
}
//级联选择器父级可选
.cascaderBox .el-cascader-panel .el-radio {
position: absolute;
width: 88%;
height: 100%;
/* right:-10px; */
}
</style>

最后

以上就是舒心小土豆为你收集整理的级联选择器可选择父级的全部内容，希望文章能够帮你解决级联选择器可选择父级所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。