wchbrad / vue-easy-tree Goto Github PK

开启虚拟滚动时，懒加载我这边测试有问题

<template>
  <div class="ve-tree" style="height:calc(100vh - 20px)">
    <vue-easy-tree
      ref="veTree"
      node-key="id"
      height="calc(100vh - 20px)"
      :props="props"
      lazy
      :load="loadNode"
    ></vue-easy-tree>
  </div>
</template>

<script>
export default {
  data() {
    return {
      props: {
        label: "name",
        children: "children"
      },
      treeData: []
    };
  },
  created() {

  },
  methods: {
    loadNode(node, resolve) {
      if (node.level === 0) {
        return resolve([{ name: 'region' }]);
      }
      if (node.level > 1) return resolve([]);

      this.getChildrenData(resolve)      
    },
    getChildrenData(resolve) {
      setTimeout(() => {
        const data = [
          {
            name: Math.random(),
          },
          {
            name: Math.random(),
          },
          {
            name: Math.random(),
          },
          {
            name: Math.random(),
          },                     
        ]

        resolve(data)
      }, 1000)
    }    
  }
};
</script>

<style>
</style>

子组件里面有弹框组件，当触发点击显示子组件的弹框时，只显示遮罩层，不显示弹框

用的虚拟列表组件vue-virtual-scroller，最大支持到67W，但是改造成树形之后，最大只能到10W的数据量，性能差距有点大。

请问虚拟滚动下过滤节点功能可用么

有vue3版本的吗

项目用的less

• 项目描述： 我原来使用el-tree的updateKeyChildren来实现类似点击某节点后再动态加载该节点下的数据，并没有采用el-tree组件的lazy+load的形式去懒加载，后来某些节点下面会有上万条数据导致页面卡死后，尝试使用vue-easy-tree的虚拟滚动来解决问题

• 问题描述： 再直接替换el-tree为vue-easy-tree时，没有任何报错，每个节点都能顺利展开，尤其是上万条节点也能顺利显示，但是当出现滚动条时，只要向上滚动至接近顶部时，所有展开的节点会全部收起。

支持 props.children 为函数吗？
在某些层级不想让其有下层级，想通过改变 props.children 实现，比如 props.children(data, node) 让开发者来判断是否有下层级？

谢谢大佬～非常感谢，不管样式还是功能都很全，

这方面有没有什么思路啊 请大佬指导下！

默认滚动条有点丑，想用el-scrollbar，有办法搭配着使用么？

比如一个树结构，有些节点需要高度大些，有些节点需要高度小些，有属性可以进行这样的调整吗 ？发现有个item-size是可以调节高度的，但他是调整所有节点高度，可以一些特殊的节点去专门调节他的高度吗；如果使用scoped slot的话 只能改样式，但涉及到高度时，超出的部分并不能给高撑开

我把vue-easy-tree和el-select组合了一下，做成了树型的下拉框组件，展开下拉框的时候虚拟列表不生效，布局也不正确，要不要考虑解决一下这种从隐藏到显示的问题，例如可以向外暴露一个重新渲染的函数

package.json里面的 main: './dist/***',没有对应文件呢

于 Element-ui 的组件相比，缺少了展开/收起的动画。

缺少动画也就缺少了一些自然的感觉

请问样式文件可以换一套多种方案吗, less 一套和 css一套

大佬，我想实现根据数据中的某个属性，决定是否展示checkbox，怎么弄啊。比如图片中，不想要通道的checkbo展示出来。这个树的层级不定，可能会嵌套很深。

prop "accordion" not work

启用虚拟滚动后，div中只有当前可视范围内的20几条数据，该如何通过外部点击使一个节点选中并且滚动到这个节点处呢？

对于根节点，有点奇怪

如题，设置:render-after-expand="false"后，点击父节点，子节点并未触发 @check-change

vue3+ts架构引入该组件后会报错，是不支持吗？还是需要额外的加一些配置？

开启虚拟滚动后，手动勾选 1、2、3 的勾选框， 向下划动到18、19、20位置时会发现这三个位置的勾选框初始状态是勾选的，进入视图中立刻就变成未勾选状态（但是肉眼可见这个状态的切换）。
在本地开发环境手动将节点勾选框的key设置后，该bug就会消失。

希望可以考虑在这里增加key的设置

提示报错：Error in v-on handler: "Error: Rendered items limit reached"

It seems the scroller element isn't scrolling, so it tries to render all the items at once. Scroller: <div class=​"vue-recycle-scroller ready direction-vertical" style=​"height:​ 100%;​ overflow-y:​ auto;​ scroll-behavior:​ smooth;​">​…​​
vue-virtual-scroller.esm.js?e508:619 Make sure the scroller has a fixed height (or width) and 'overflow-y' (or 'overflow-x') set to 'auto' so it can scroll correctly and only render the items visible in the scroll viewport.

发现子节点超过2000多好像就会报这样的错，然后数据就只会加载一半

如题

提示item跟active is not defined，查看原因发现不兼容vue2.5.17,能否兼容一下

ve-tree.vue组件中多余代码

          这个还有点小问题，父级没有半选的状态。

Originally posted by @oubohua in #43 (comment)

代码里面每行行高写死了 是否写成props来供开发者修改

正要实现虚拟滚动，就找到你这个了，赞
不过跑了demo，发现最顶端的渲染延迟可忽略，但几万节点时，最底端的节点渲染会有延迟，卡顿了几下，是因为上面节点太多，累计计算的原因么【展开节点2w】