ls-common-table

基于 Vue 和 iView 的表格与分页组合.

注意： 因为使用的iView的组件，所以项目中的入口文件main.js中要引入iView。像下面这样：

import iView from 'iview'
import 'iview/dist/styles/iview.css'
Vue.use(iView)

插件安装

npm i ls-common-table

插件引用

import Vue from 'vue'
import lsCommonTable from 'ls-common-table'

Vue.use(lsCommonTable)

基本用法

<ls-common-table
  :columns="columns"
  :data="list"
  :loading="loading"
  :page="page"
  :queryData="queryData"></ls-common-table>

API

查看 iView table / 查看 iView page

参数	说明	类型	默认值
columns	表格列的配置描述	Array	[]
data	显示的结构化数据	Array	[]
loading	表格是否加载中	Boolean	false
page	分页对象,包含当前页码、数据总数、每页条数	Object	{pageSize: 10,total: 0,current: 1}

Event

事件名	说明	参数
queryData	页码改变和切换每页条数时的回调	--

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build