v-tree-scroll

虚拟树滚动

latest

Source

npm

Version: 1.0.3

Version published: 8 months ago

Maintainers: 1

Created: 5 years ago

Source

v-tree-scroll

一个虚拟滚动树组件。针对数据量太大会造成渲染 dom 太多，造成页面卡顿，虚拟列表应运而生，而开发过程中还有一种树的结构形式，所以制作了虚拟滚动树，解决 dom 节点过多造成的卡顿。

使用步骤

# 安装组件
npm i v-tree-scroll -S

# 引入组件
import  virtualTree  from 'v-tree-scroll'

Vue.use(virtualTree)

# 使用
<virtualTree  :data="totalList" />

效果

效果图

属性

属性名	默认值(类型)	备注
lines	20(Number)	显示默认行数
lineHeight	30(Number)	默认每行高
nodeKey	id(String)	key
props	{ label: 'name', children: 'children' }(Object)	默认数据级联结构
defaultExpandAll	false(Boolean)	是否默认展开
mutiple	true (Boolean)	是否多选
checkStrictly	false (Boolean)	是否父子级不关联

方法

方法名	备注
getNode(key)	获取指定节点
getCheckedNodes(half)	返回选中节点(half是否返回半选)
getCheckedKeys(half)	返回选中节点key(half是否返回半选)
setCheckedKeys(keys)	设置节点选中(keys 设置的节点key数组)
clear()	清空选中
filter(value)	过滤数据
allChange(value)	全选数据

Keywords

FAQs

Is v-tree-scroll well maintained?

Package last updated on 02 Dec 2025

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install