全局配置

基于vueprovide/inject实现,可以对包裹在其中的组件做到属性的统一设置。主要是针对不同后端,分页和数据字段的标准不一致的场景。同时提供了其它属性的透传,可以自定义需要全局配置的属性。

WARNING

自定义全局属性如果与组件预留的属性相同,后者会被覆盖。如果自定义属性没有实现预留的属性,会导致对应组件报错无法使用。

基本用法

No Data
pageName:
table.arrayName:
select.label:
select.value:
select.arrayName:
datePicker.valueFormat
{}

属性

属性说明类型可选值默认值
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
apisoptions的数据源的键值对集合{() => Promise}-{}

pagination属性

属性说明类型可选值默认值
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