懒加载的el-tree中没有了子节点之后还是有前面icon箭头的展示,如何取消没有子节点之后的箭头显示

发布时间:2023年12月30日

没有特别多的数据

<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
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。