GithubHelp home page GithubHelp logo

yangjingyu / vs-tree Goto Github PK

View Code? Open in Web Editor NEW
301.0 301.0 35.0 7 MB

移动端PC端通用树组件，适用于企业组织通讯录，百万数据支持

Home Page: https://yangjingyu.github.io/vs-tree/

License: MIT License

JavaScript 40.25% CSS 0.75% HTML 51.09% TypeScript 2.26% Less 5.65%

vs-tree's Issues

TypeError: e3 is not a function 【vite2 + vue3】

vs-tree.js:1 Uncaught (in promise) TypeError: e3 is not a function
at Proxy.render (:3000/node_modules/.vite/vs-tree.js?v=23589af2:688)
at renderComponentRoot (:3000/node_modules/.vite/chunk-ZRZJZ4KZ.js?v=23589af2:908)
at componentEffect (:3000/node_modules/.vite/chunk-ZRZJZ4KZ.js?v=23589af2:4031)
at reactiveEffect (:3000/node_modules/.vite/chunk-6ROACLEK.js?v=23589af2:272)
at effect (:3000/node_modules/.vite/chunk-6ROACLEK.js?v=23589af2:247)
at setupRenderEffect (:3000/node_modules/.vite/chunk-ZRZJZ4KZ.js?v=23589af2:3994)
at mountComponent (:3000/node_modules/.vite/chunk-ZRZJZ4KZ.js?v=23589af2:3964)
at processComponent (:3000/node_modules/.vite/chunk-ZRZJZ4KZ.js?v=23589af2:3929)
at patch (:3000/node_modules/.vite/chunk-ZRZJZ4KZ.js?v=23589af2:3648)
at mountChildren (:3000/node_modules/.vite/chunk-ZRZJZ4KZ.js?v=23589af2:3794)

scrollToBottom方法报错

scrollToBottom方法报错，我找了一下，发现代码里只有一个方法名，不知能否帮忙处理一下，感谢🙏

使用filter搜索过滤，清空搜索栏后，树结构能否不部分展开呢？

你好，我想请教一下，使用watch监听关键词用filter搜索过滤时，树结构模糊查询到了，但是部分列表不会完全展开到搜索的关键字，有些可以，请问这个可以优化吗?还有清空搜索后，有些列表自动展开了，能不能不展开呢？我看demo也是这样子的，希望您能看到，谢谢

更改显示数量的问题

image
在使用过程中，设置props里的showCount无法更改显示的数量，我看文档里有个virtual属性，也设置了，还是无法生效。目前的显示数量一直是默认值20个。
使用的版本是2.1.10，集成vue里使用。请问这是代码的bug还是我使用的方式不对？

手机端点击checkbox很困难

1.默认设置时，点击一下，整个cell颜色变灰，checkbox边框变成蓝色。很难让checkbox变成选中状态。
2.然后更换属性后，点击整个cell让其选中，会有两处问题。点击cell能选中，但是很难点击checkbox选中；箭头展开比较难点

以上有什么解决方法吗？

补充一下
添加* { touch-action: pan-y; } 属性，chrome上调试模式的手机点击选中效果很好，但是到手机端效果还是挺差的。
使用vue+vant框架

Uncaught Error: 请为组件提供根节点 

<template>
  <div id="tree"></div>
</template>

<script>
import vsTree from 'vs-tree'
import 'vs-tree/dist/vs-tree.css'

const tree = new vsTree('#tree', {
  data: { id: 1, name: 'tree1', children: [] } // [{id, name}, {id, name, children}]
});
</script>

移动端树形

这不是pc端的体验嘛，移动端参考钉钉选组织架构

如何设置默认选中？

  1. checkbox模式下,如何设置默认选中的值？
  2. 可否有个交流群，文档有得地方看着不是很明白

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.