zoukankan      html  css  js  c++  java
  • vue + element 树形表 懒加载 添加、编辑、删除时 刷新节点

    先上效果图:

    前言:element 树形表在懒加载模式下官方没有提供实时局部刷新节点的方法,在网上看了好多博客也没有比较好的办法

    我能想到最直接的办法就是读源码了,在差不多三小时的源码浏览后终于在tree.js中找到懒加载关键的一个方法:

     element 在每次更新节点时都调用了该方法,其中的load方法就是我们绑定的懒加载方法;最终发现它实现节点更新的关键在于:

     于是写一个更新某个节点的子节点的方法:  在增加和删除后更新该节点的父节点(调用以上方法)即可

     关键代码其实就是两步:

    第一步:定义懒加载树表的ref属性   ref = "table"

    第二步:重新加载,增加和删除后更新该节点的父节点  如下:

    this.$set(this$.refs.table.store.states.lazyTreeNodeMap,id,res.data)

       // id为该节点的父节点id即为要刷新节点的id     res.data为要刷新节点的数据

  • 相关阅读:
    java ssh免密登录
    [8.0][MGR][bug]多主模式,外键冲突错误
    内核月报bookmark
    netcat 传输T级别大文件
    innodb部分内部操作
    qps.sh
    ABAP-ALV判断骚操作
    HCM基本知识
    SAP-VOFM的使用
    ABAP-处理去掉特殊字符
  • 原文地址:https://www.cnblogs.com/lgnblog/p/12857176.html
Copyright © 2011-2022 走看看