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

没有特别多的数据

<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>
  

希望对你有帮助

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值