如图1 已勾选,输入框未选中,图2 实现后
实现方法: children:undefined 子节点数组为undefined
图1图2
<template>
<el-cascader
style="width: 100%"
class="sectionList"
ref="sectionList"
v-model="departmentCode"
:options="sectionList"
popper-class="area-cascader"
:props="{ multiple: true }"
collapse-tags
clearable
placeholder="请选择"
@change="handleSectionData"
@blur="handleBlur"
></el-cascader>
</template>
<script>
export default {
data() {
return {
departmentCode: [], // 初始化为空数组
options: [{
value: '1',
label: '部门1',
children: [{
value: '1.1',
label: '子节点1',
}, {
value: '1.2',
label: '子节点2',
}]
},
{
value: '2',
label: '部门2',
children: [{
value: '2.1',
label: '子节点2.1',
}, {
value: '2.2',
label: '子节点2.2',
}]
},
{
value: '3',
label: '部门3',
children: undefined // 设置为undefined 即可被选中
},
{
value: '4',
label: '部门4',
children: undefined // 设置为undefined 即可被选中
},
],
},
},
},