5.20.1.快速使用
全局配置组件用于为组件提供统一的全局化配置,使用示例:
5.20.2.属性列表
5.20.3.表格配置
表格全局配置支持 stripe, border, request, response, parseData, size, tools, maximizedIndex, pagination, emptyProps, exportConfig, printConfig , toolbar 属性,使用示例:
下载的源码中已经在 src/config/use-global-config.js 中对表格进行了全局配置, 如果需要修改表格的全局配置可修改此文件:
import { ref } from 'vue';
//......省略其它代码
/**
组件全局配置
/
export function useGlobalConfig() {
/* 高级表格全局配置 */
const tableConfig = ref({
// 通过 response 配置表格的响应数据格式
response: {
dataName: 'list',
countName: 'count'
},
// 通过 tools 配置表格的表头工具栏右侧操作按钮
tools: ['reload', 'export', 'print', 'size', 'columns', 'maximized'],
//......省略其它代码
});
return { tableConfig };
}
//......省略其它代码
5.20.4.国际化
国际化语言包在 ele-admin-plus/es/lang 下,如果不够可自己按照相同格式增加更多的语言包,使用示例:
动态切换语言就很简单了,只需要修改 locale 属性值即可,示例(实际项目可结合 i18n 使用):
默认只提供了 zh_CN (简体中文) 、 zh_TW (繁体中文) 、 en_US (英文) 三个语言包,还需要其它语言可自行添加,示例:
mport type { EleLocale } from 'ele-admin-plus/es/ele-config-provider/types';
const localeValues: EleLocale = {
upload: {
uploading: '上传中',
exception: '上传失败',
retry: '重试'
},
//......内容省略, 请根据 ts 类型定义补全字段
};
export default localeValues;