Vue.js 显示具有过滤和排序功能的数据集组件 - vue-dataset

Vue.js 显示具有过滤和排序功能的数据集组件 - vue-dataset
插件名称 vue-dataset
发布时间 2021年4月23日
插件作者 kouts

一组Vue.js组件,用于显示具有过滤,分页和排序功能的数据集(列表)!

创建时考虑到可重用性,因此不必一遍又一遍地为列表重新创建相同的功能。

vue-dataset不会对HTML施加任何结构或布局限制,您可以使用div,表或任何您想呈现的数据。

特征

  • 高度可定制的DOM结构
  • 基于来自所有或特定数据键的行值的自定义筛选
  • “搜索为”功能允许使用自定义搜索方法进行搜索
  • 多“列”搜索,可配置搜索数据键
  • “排序为”功能允许使用自定义排序方法进行排序
  • 多“列”排序,可配置的数据键是可配置的
  • 分页
  • 带有反跳设置的全局搜索
  • 易于使用自定义组件进行扩展

通过npm安装

npm i vue-dataset --save

使用该import语句将vue-dataset组件包括在捆绑包中。
您可以单独导入每个组件

import Dataset from 'vue-dataset/dist/es/Dataset.js';
import DatasetItem from 'vue-dataset/dist/es/DatasetItem.js';
import DatasetInfo from 'vue-dataset/dist/es/DatasetInfo.js';
import DatasetPager from 'vue-dataset/dist/es/DatasetPager.js';
import DatasetSearch from 'vue-dataset/dist/es/DatasetSearch.js';
import DatasetShow from 'vue-dataset/dist/es/DatasetShow.js';

或使用命名的导入

import { 
  Dataset,
  DatasetItem,
  DatasetInfo,
  DatasetPager,
  DatasetSearch,
  DatasetShow
} from 'vue-dataset';