1. docs
sss
  • docs
    • docs
      • EleProLayout 高级布局组件使用文档
      • Markdown - ByteMdEditor
      • 下拉菜单 - EleDropdown
      • 主题功能
      • 二维码 - EleQrcode
      • 全局配置 - EleConfigProvider
      • 其他功能
      • 分段器 - EleSegmented
      • 分页组件 - ElePagination
      • 加载中 - EleLoading
      • 包裹组件 - EleApp
      • 卡片组件 - EleCard
      • 可选卡片 - EleCheckCard
      • 图标选择 - EleIconSelect
      • 富文本 - TinymceEditor
      • 导航菜单 - EleMenus
      • 工具方法与表单数据操作文档
      • 抽屉组件 - EleDrawer
      • 文字提示 - EleTooltip
      • 文本组件 - EleText
      • 标签输入 - EleEditTag
      • 标签页 - EleTabs
      • 树下拉 - EleTreeSelect
      • 步骤条 - EleSteps
      • 气泡确认框 - ElePopconfirm
      • 消息提示 - EleMessage
      • 统计图表 - VueEcharts
      • 表格下拉 - EleTableSelect
      • 表格组件 - EleDataTable
      • 警告提示 - EleAlert
      • 页面容器 - ElePage
      • 高级弹窗 - EleModal
      • 高级表格 - EleProTable
  1. docs

全局配置 - EleConfigProvider

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;

修改于 2025-12-20 03:37:01
上一页
二维码 - EleQrcode
下一页
其他功能
Built with