base-table-model
v1.1.95
Published
this is vue module
Downloads
4
Readme
base-table
queryParams:分页器相关数据,
tableTitle:表格设置
1.'stripe':true/false 是否有斑马纹
2.'highlightCurrentRow':true/false 是否高亮当行
tableCol:设置 table 列(自定)
1.'prop':列绑定类型,
2.'label':列名称,
3.'width':列的宽度(非必传)
特殊:
getImgurl:图片类型(prop:src)
getImgurl: (row) => { return this.getImgurl(row) }, //图片 previewSrcList: (row) => { return this.listImgUrl(row) } //预览展示
operator:table 的操作列,如果没有可以不传,目前只支持文字
1.'text':展示操作的名称
方法:
click: (row) => { return this.getInfo(row) } //详情 click: (row) => { return this.delInfo(row) } //删除 click: (row) => { return this.editInfo(row) } //编辑
tableData:表数据,内部的要和 tableCol 中的 prop 保持一致,
firstTableCol:是否展示全选
1.'select': true/false,
2.'type': 'selection'
方法调取
methods: { getInfo(val) { // 触发父方法 console.log("获取详情", val) }, delInfo(val) { // 触发父方法 console.log("删除信息", val) }, editInfo(val) { // 触发父方法 console.log("编辑信息", val) },