如何让树形结构数据选中某一级后,下一级的的数据不让展示了?
<el-col v-bind="styleResponsive ? { lg: 6, md: 12 } : { span: 6 }">
<el-form-item label="所属区划:">
<ele-tree-select
ref="qhRef"
v-model="where.qhdm"
:lazy="true"
placeholder="请选择"
:load="loadNode"
/>
</el-form-item>
</el-col>
// 懒加载
loadNode(node, resolve) {
console.log(node);
if (!node.data) {
resolve([
{
label: this.$store.state.user.info.qhmc,
value: this.$store.state.user.info.qhdm
}
]);
} else {
listQhJsSon(node.data.value)
.then((list) => {
resolve(list);
})
.catch((e) => {
this.$message.error(e.message);
});
}
}
上面是相关的代码这种的树形下拉怎么让它指定展示到某一级的数据,然后下一级的数据就不进行展示,反正下一级不让选择就好了比如说就让数据展示到 解放路街道办事处这一层级的话,它下面的数据就不进行展示了。请问这应该怎么去做呢,选择什么为判断条件呢
回复
1个回答
test
2024-06-30
第一种可以根据层级数node.level 来判断,到第3层的时候空
if (node.level > 3) return resolve([])
第二种,如果当前节点数据有属性标识,比如省市县这种类型的来判断是否需要加载数据。
回复
适合作为回答的
- 经过验证的有效解决办法
- 自己的经验指引,对解决问题有帮助
- 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
- 询问内容细节或回复楼层
- 与题目无关的内容
- “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容