el-tree(element-ui)逐级懒加载,及局部刷新

本文介绍了如何在Vue.js应用中使用Element UI的el-tree组件实现逐级懒加载功能,详细讲解了html结构、data、methods和created阶段的配置。同时,文章探讨了el-tree的局部刷新操作,包括子节点的新增、修改和删除,以及根节点的增删改查,强调了在刷新时如何处理被删除节点的父节点。
摘要由CSDN通过智能技术生成

逐级懒加载

html

<el-tree
	:data="rootDate"
	:props="props"
	ref="tagtree"
	:load="loadNode"
	lazy
	@node-click="handleNodeClick"
>
</el-tree>

data 根目录数据
props 绑定渲染规则
ref注册DOM
load绑定懒加载时间
lazy懒加载效果
node-click节点点击事件

Vue.js >>> data

  data() {
   
    return {
   
      props: {
   
        label: "tag_mc",
        children: "zones",
        isLeaf: "leaf",
      },
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值