heyi-upload v1.0.1

heyi-table

基于element UI table组件

Build Setup

# 安装方式
npm i heyi-table -S

# 引入
import hytable from 'heyi-table'
Vue.use(hytable.tableCommon)

# 使用方式
<heyi-table :data="list" :columns="columns" @handleBtnClick="phandleBtnClick"/>

# 参数说明
list 数组数据（可请求接口获得）

# 表头参数
格式：
    columns:[
        {name:'序号',source:'',width:'60',type:'index'},
         {name:'操作',width:'200',btns:[
             {name:'修改',btnType:'warning',clickType:'edit'},
             {name:'删除',btnType:'danger',clickType:'delete',btnIcon:'el-icon-delete'}
        ]},
    ]
参数：
name：'表头名'，
source：'数据源字段名'，
width：'单元格宽度',
click：'单元格是否可点击 true/false'，触发组件绑定方法 btnClickFunc
edit：'是否可编辑 true/false'，
editType：'编辑类型',['input','select']
editSelOptions：'当编辑类型是select时的初始数据'。
btns：'按钮'。触发组件方法 handleBtnClick
     name：按钮名称，btnType:按钮样式，clickType:按钮事件标识，btnIcon:按钮图标(目前只支持element 内部所有图标)，btnSize:按钮尺寸大小

For detailed explanation on how things work, consult the docs for vue-loader.