vt-datagrid
vue表格分页组件
Use
$ npm install vt-datagrid --save
import Datagrid from 'vt-datagrid' Vue.component
Dependencies
该组件依赖 vt-table组件和 vt-pagination组件
Api
Props
params
查询参数url
请求的地址method
请求的方式get post
,默认get
pageNumber
bool类型,控制弹窗是否可以拖动,默认true
pageSize
bool类型,控制弹窗是否可以拖动,默认true
selection
是否有复选框false
pageList
当前页面可以展示多少条数据的数组
Event
selectionChange
当用复选框时,选择一行时触发的事件
Setting
- 全局配置
{
post: noop, //ajax post请求方法
get: noop, //ajax get请求方法
pageNumber: 1,//datagird组件全局默认选中第几页,默认1
pageSize: 20, //datagird组件全局默认每页展示多少条记录,默认20
pageList: [10, 20, 50, 100, 200],//datagird组件全局默认分页下卡框的值
requestInterceptor: noop, //请求拦截器,参数为发送给后端的参数
responeseInterceptor: function (data) {//组件响应拦截器,参数为后端返回的数据
return data
}
}
- 使用$set静态方法来设置项目中的全局设置。例如:
improt {get,post} from 'apis/utils/index'
Datagird.$set({ //设置datagird组件 所使用的ajax函数
post: post,
get: get,
})