懒加载的el-tree中没有了子节点之后还是有前面icon箭头的展示,如何取消没有子节点之后的箭头显示
2023-12-30 05:08:26
没有特别多的数据
<template>
<el-tree
:props="props"
:load="loadNode"
lazy
show-checkbox>
</el-tree>
</template>
<script>
export default {
data() {
return {
props: {
label: 'name',
children: 'zones',
isLeaf:"leaf",//关键
},
isLeaf:"",
};
},
methods: {
loadNode(node, resolve) {
this.isLeaf = node.isLeaf;
console.log(node,"nodeeeee");
if (node.level === 0) {
return resolve([{ name: 'region' }]);
}
if (node.level > 1) return resolve([]);
setTimeout(() => {
const data = [{
name: 'leaf',
leaf: true,//这个是控制箭头是否显示和不显示的,只要leaf为true那就证明没有子节点
//了,所以就不展示了icon箭头了
}, {
name: 'zone'
}];
resolve(data);
}, 500);
}
}
};
</script>
希望对你有帮助
文章来源:https://blog.csdn.net/m0_66226018/article/details/135291043
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。 如若内容造成侵权/违法违规/事实不符,请联系我的编程经验分享网邮箱:veading@qq.com进行投诉反馈,一经查实,立即删除!