全网最简单实现方法
先看一下我们要实现得效果图:
Vue组件部分代码:
<el-cascader
:key="propsKey"
placeholder="请选择考察任务"
v-model="sdkcTask.data"
class="m-2"
size="small"
ref="multipleTable"
:options="sdkcTaskList"
:props="props"
collapse-tags
max-collapse-tags="1"
@change="onChange"
@expand-change="changeSourceType"
>
</el-cascader>
Js部分方法:
const multipleTable = ref();
function changeSourceType(selectItem) {
let nodes = multipleTable.value.panel.getCheckedNodes();
nodes.forEach((obj, index) => {
if (obj.value != selectItem[0]) {
obj.checked = false;
}
});
multipleTable.value.panel.calculateCheckedValue();
}