请问，element tree懒加载默认先加载4个层级，剩下的点击时加载，我应该怎么设置？

  • Z时代
  • 2024-03-10
  • 分类：IT

      <el-tree
        :indent="0"
        :data="setAllTree"
        ref="tree"
        class="tree-line"
        node-key="key"
        :props="props"
        :expand-on-click-node="true"
        :render-after-expand="true"
        :filter-node-method="filterNode"
        @node-click="handleNodeClick"
        lazy
      >
        <span class="custom-tree-node" slot-scope="{ data }">
          <span> <i :class="data.icon"></i>{{ data.label }} </span>
        </span>
      </el-tree>

例如先默认加载省市区街道，剩下的社区、小区全部点击加载
现在的问题是先加载省市区街道，后面懒加载社区小区，这样会导致省市区街道加载完后，树控件的展开三角就会消失，因为树返回的是一个promise，如果子级数组为空，那么在街道级的时候是无法让它懒加载展开的
请问，element tree懒加载默认先加载4个层级，剩下的点击时加载，我应该怎么设置？

回答：

1、不用原生 lazy ，单独设置点击图标，四层以后的点击展开重写事件，进行数据更新。
2、用原生 lazy，开始时通过 updateKeyChildren 为根节点赋值前四层数据，这里可能还需要自己展开

以上是 请问，element tree懒加载默认先加载4个层级，剩下的点击时加载，我应该怎么设置？ 的全部内容， 来源链接： utcz.com/p/935025.html

回到顶部