写在前面
感谢本程序主要代码来源 Rudolph的博客
vue-ex-eltable
结合 element-ui form + pagination,表格渲染自带分页功能,可控制是否开启该功能,并整合了前端业务代码示例。
Demo
https://cmqiong.github.io/vue-ex-eltable/example/index.html
Notices
使用条件:
- 使用 elementUI
Installation
npm i vue-ex-eltable
Usage
详细代码参见 example/src/APP.vue
.vue
Attribute
-
概述:ELTable 的参数一样,原 Pagination 参数写到 ExTable 上,个别参数有修改,详见下面。
-
本插件有变化的 pagination 属性:
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
searchMethod | 必选参数,获取数据的操作 | Function | - | ()=>{} |
show-pagination | 可选参数,是否显示分页组件 | Boolean | true、false | true |
pagination-layout | 可选参数,组件布局,子组件名用逗号分隔 | String | - | total, sizes, prev, pager, next, jumper |
page-size | 可选参数,每页显示条目个数 | Number | - | 10 |
page-sizes | 可选参数,每页显示个数选择器的选项设置 | Number[] | - | [10, 25, 50, 100] |