vue二次封装element-ui-table

对table进行二次封装保留部分参数:

前言:table-list主要解决了代码冗余性,使得vue文件更加简洁
目前版本为 v1.0.0

参数详解

table.config.js文件表格样式统一处理

属性 类型 默认 释义
border Boolean true 表格边框
stripe Boolean true 表格斑马线
layout String total, sizes, prev, pager, next, jumper 表格布局多个用逗号分割
background Boolean true 分页背景

table.vue组件默认参数

属性 类型 默认 释义
isShow Boolean true 是否展示
isFilter Boolean true 特殊处理数据
isOverflow Boolean false 超出隐藏
align String center 表头内容是否居中
width Number 200 列宽
prop String null 对应属性名
label String null 表头标签

table.vue组件参数

属性 类型 默认 释义
data Array Array 表格的数据展示
columns Array Array 表格的字段展示
page Number 1 当前页码
page_size Number 10 一页多少条
page_sizes Array [10, 20, 30, 40] 条数设置下拉选
total Number 0 总条数
switch_name String 开关 开关label
is_switch Boolean false 是否显示开关table
operating_name String 操作 操作label
is_operating Boolean true 是否显示操作table
customize_name String true 自定义label
is_customize Boolean false 是否显示自定义table
filter_data Array [] 自定义权限
operating_width Number 300 操作宽度

keyJson.js组件方法

属性 类型 默认 释义
initKeyJson function null 初始化数据
getArrayKey function null 返回数据源所有key
setUpState function null 设置table行状态
getTableData function null 获取表格所有数据

你可能感兴趣的:(vue二次封装element-ui-table)