Vue:eliment-ui el-tree动态加载更新node.label

7 篇文章 0 订阅

添加删除一条数据以后数字变化

在这里插入图片描述

  getaNum (type) {
    if(type == 'add') {
      this.currentNode
      let node = this.$refs.treeRef.getNode(this.sub_item_id) //要更新节点的id
      if(node){ //我这里的需求是没有加载的节点也可以添加数据,所以懒加载下node=null,所以不用管,等用户点击节点请求数据就是最新的,不需要更改。
        node.data.risk_source_count++ //node.data
      }
    }else if(type == 'del') {
      let node = this.$refs.treeRef.getCurrentNode()
      if(node){
        node.risk_source_count-- //node
      }
    }
  },
 el-tree(
   v-if="showTrees"
   ref="treeRef"
   :data="treeData" 
   node-key="id"
   lazy
   :load="loadNode"
   :props="treeProps"
   :highlight-current="true"
   :current-node-key="-1"
   :default-expanded-keys="[-1]"
   @node-click="handleNodeClick"
 )
   span(class="custom-tree-node" slot-scope="{ node, data }")
     span(style="display: inline-block;") {{ node.label }}
     span(style="display: inline-block;padding-left:5px" v-if="data.risk_source_count != undefined && node.value != -1") ({{ data.risk_source_count }})
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值