当前位置:   article > 正文

vue表格数据改变页面实时渲染_高效 Vue2.0 桌面端表格组件库Umy-UI

vue2 渲染表单组件库

今天给大家分享一款优秀的Vue流畅渲染大数据表格组件库UmyUI。

2cc0b859d9b8bd3bd4e81b76a6942142.png

umy-ui 基于 vue2.x 构建的高性能组件库。完美解决表格十万级大数据卡顿、编辑表格卡顿等问题。

14c98bce498ddda8d6b404bad110f93e.gif

特色

  • 文档:涵盖umy-ui各个方面,给开发者方向指导和设计理念。
  • 组件:众多组件覆盖开发过程的各个需求,组件功能丰富,u-table组件解决表格万级数据渲染卡顿问题。
  • 布局:收集众多的常用页面和布局,减少开发者的重复工作。
  • 工具库:众多的贴心小工具,让您更专注于开发。
291117aa2cc96437d293f5f57d3d9c96.png

安装

$ npm i umy-ui -S

引入组件

// 全局引入import Vue from 'vue'import UmyUi from 'umy-ui'// 引入样式import 'umy-ui/lib/theme-chalk/index.css'Vue.use(UmyUi)// 按需引入import { UTable, UTableColumn } from 'umy-ui'Vue.component(UTable.name, UTable)Vue.component(UTableColumn.name, UTableColumn)
c8b182b2d6b66984453a5ec35a7e8227.png

快速使用

          没有查询到符合条件的记录    

提供丰富的文档说明(基础表格、虚拟表格、编辑表格等API)。

884f7966717a54c5a93770d0fcfd834c.png
8be6268e5ac26573c37871373e399339.png
9ced09e6a45c99e5b55affd1061c9ae8.png
73e0cb1536e1f8a87d18c6f60087cd42.png
4289d057384523e44b7d0419ac393d54.png

非常丰富的一款多功能表格+组件库,无卡顿渲染大数据表格,大家不可错过~~

最后附上项目文档及地址链接。

# 文档地址https://www.umyui.com/# 仓库地址https://github.com/u-leo/umy-ui

ok,就介绍到这里。如果大家有其它优秀Vue组件库,欢迎交流讨论哈!

本文内容由网友自发贡献,转载请注明出处:【wpsshop博客】
推荐阅读