封装 | 基于elementui的表格分页组件

CustomTable

CustomTable是基于elementui将表格与分页封装一体的组件,支持正常使用elemenui表格中的属性与方法。

1.使用例子

 
      
        
      

2.属性

2.1.使用elementui table属性

基于elementui的customtable可以直接正常elementui对应的属性、事件、插槽特性等,无再次学习的成本。

2.2.请求接口

通过apirequestMethodrequestConfig属性发送请求。
listName为接口返回列表名,默认为list

  • 目前requestMethod请求方式只支持getpost请求,同时当请求方式为post时组件内部会将请求格式通过qs.stringify()格式化,以支持情感crm的post请求参数格式。
  • requestConfig用于设置axios请求头配置,传入格式例如:

     
  • 表格内部配有loading属性。
  • 成功请求后组件通过dataUpdates事件将返回数据data传给父组件

2.3.分页

通过simpleModecountOptionpageCount设置分页组件属性。

  • simpleMode代表分页是否为简单模式,默认值为否。
    简单模式
    普通模式
  • countOption为页数展示数选择,仅在普通模式下生效。

你可能感兴趣的:(element-ui前端)