0.1.1 • Published 2 years ago
tms-page-comp v0.1.1
tms-page-comp
TMS分页器
安装
$ npm install tms-page-comp -S
使用
在 main.js
文件中引入插件并注册
# main.js
import tmsPageComp from '../packages/index'
Vue.use(tmsPageComp)
在项目中用使用 tms-page-comp
<template>
<tms-page-comp ></tms-page-comp>
</template>
<script>
export default {
data () {
return {
text: 'demo'
}
}
}
</script>
注意:标签为 <tms-page-comp>
特点
- 可以插入自定义的分页器
参数
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
axios | 自定义请求方法名 | String | 空(必填) |
data | 参数对象 | Object | 可传pagers用于自定义参数交互,默认{} |
pagers | 自定义参数 | Object | { pageNum: '页码', pageSize: '每页显示条目个数',params:{查询参数} } |
pagesizes | 每页显示个数选择器的选项设置 | Array | 10, 20, 30, 40, 50, 100 |
method | 请求方法 | String | post |
api | 方法名 | String | - |
事件
事件名称 | 说明 | 回调数据 |
---|---|---|
pageData | 请求回去数据回调对象 | Object |
Add 事件详解
自定义请求导数据后回调返回整个数据对象。