elementui原生并不支持这种 场景只能魔改一下 下面直接上代码
<template>
<el-cascader
v-model="selectedValues"
:options="modifiedOptions"
:props="{ multiple: true, checkStrictly: true }"
collapse-tags
ref="refSelect"
:show-all-levels="false"
@change="changeLabel"
clearable
></el-cascader>
</template>
<script>
export default {
props: {
cascaderOptions: {
type: Array
}
},
mounted() {
console.log(this.$refs.cascader)
},
data() {
return {
selectedValues: [],
shareScopeEnd: []
}
},
computed: {
modifiedOptions() {
return this.cascaderOptions.map((option) => {
if (option.children) {
return {
...option,
disabled: true
}
} else {
return option
}
})
}
},
methods: {
changeLabel(val) {