全局配置
基于vue
的provide/inject
实现,可以对包裹在其中的组件做到属性的统一设置。主要是针对不同后端,分页和数据字段的标准不一致的场景。同时提供了其它属性的透传,可以自定义需要全局配置的属性。
WARNING
自定义全局属性如果与组件预留的属性相同,后者会被覆盖。如果自定义属性没有实现预留的属性,会导致对应组件报错无法使用。
基本用法
属性
属性 | 说明 | 类型 | 可选值 | 默认值 |
---|
table | 详见 table 属性说明 | object | - | - |
select | 详见 select 属性说明 | object | - | - |
pagination | 详见 pagination 属性说明 | object | - | - |
search | 详见 search属性说明 | object | - | - |
datePicker | 详见 datePicker属性说明 | object | - | - |
response | 详见 response属性说明 | object | - | - |
table 属性
属性 | 说明 | 类型 | 可选值 | 默认值 |
---|
arrayName | 远程数据的对应字段 | string | - | data |
select 属性
属性 | 说明 | 类型 | 可选值 | 默认值 |
---|
arrayName | 远程数据的对应字段 | string | - | - |
label | 显示内容对应的字段 | string | - | label |
value | 绑定数据对应的字段 | string | - | value |
apis | options的数据源的键值对集合 | {() => Promise } | - | {} |
属性 | 说明 | 类型 | 可选值 | 默认值 |
---|
pageName | 分页组件中页码的对应字段 | string | - | page |
pageSizeName | 分页组件中每页数量的对应字段 | string | - | rows |
search属性
属性 | 说明 | 类型 | 可选值 | 默认值 |
---|
export | 搜索组件中默认显示导出按钮 | boolean | - | true |
datePicker属性
属性 | 说明 | 类型 | 可选值 | 默认值 |
---|
valueFormat | 时间相关组件中默认输出格式 | string | - | YYYY-MM-DD hh:mm:ss |
response属性
属性 | 说明 | 类型 | 可选值 | 默认值 |
---|
code | 标识响应状态的字段名 | string | - | code |
msg | 标识响应说明的字段名 | string | - | msg |
data | 标识响应内容的字段名 | string | - | data |