vxe-table 二次封装
导入
import tableTemplate from ‘存放组件的位置’
组件注册
components:{tableTemplate}
属性名 | type | 默认值 | 描述 | 是否必须 |
---|---|---|---|---|
checked | Boolean | false | 是否启用表格多选 (false/true) | false |
columnList | Array | [] | 表格配置参数 | false |
columnList - field | String | ‘’ | 列字段名(序号seq ) | true |
columnList - title | String | ‘’ | 列表标题 | true |
columnList - type | seq序号 html | html | 表格类型 | true |
columnList - eleType | String | ‘’ | 表格自定义类型需要配合templateList 使用 | false |
columnList - eleType-tipFlag | String | ‘’ | 文字超出两行省略号展示并且鼠标移动到元素上面tip提示 | false |
columnList - eleType-select | String | ‘’ | 表格内部展示下拉框 | false |
columnList - eleType-dataTime | String | ‘’ | 表格内部展示日期组件 | false |
columnList - eleType-input | String | ‘’ | 表格内部展示输入框 | false |
columnList - eleType-fileUpload | String | ‘’ | 表格内部展示上传组件 | false |
columnList - eleType-operation | String | ‘’ | 表格内部定义操作按钮配合operationBtnList使用 | false |
columnList - eleType-accordingList | String | ‘’ | 根据自定义字典项取值 配合 dictionaries使用 | false |
colgroup | Array | ‘’ | 合并title | false |
tableData | Array | ‘’ | 表格数据 | false |
operationBtnList | Array | ‘’ | 表格按钮 id标识 btnName 按钮名称 | false |
allAlign | String | ‘’ | 默认对齐方式 | false |
scrollY | Boolean | false | 是否启动y轴虚拟滚动 | false |
scrollX | Boolean | false | 是否启动X轴虚拟滚动 | false |
modeY | String | default | 虚拟滚动模式 | false |
modeX | String | default | 虚拟滚动模式 | false |
loadingFlag | Boolean | false | 加载标记 | false |
userInfo | Object | {} | 用户信息 | false |
page | Object | {} | 分页信息 | false |
isBtn | Boolean | true | 所有按钮标记 | false |
isBtnFn | Function | true | 某个按钮不展示函数 | false |
dictionaries | Array | [] | 字典项 | false |
templateList | Array | [] | 使用自定义template的参数 例如:[‘name’,‘age’,‘sex’] | false |