Skip to content

国际化

配置

通过 elememt-plusElConfigProvider 注入国际化配置

vue
<template>
  <el-config-provider :locale="locale">
    <layout >
  </el-config-provider>
</template>

<script setup lang="ts">
  import zhCn from 'element-plus/lib/locale/lang/zh-cn';
  import { zhCn as nextZhcn } from 'element-next/lib/lang/index';
  const locale = {
    ...zhCn,
    ...nextZhcn,
  };
</script>

可配置字段

js
const locale = {
  n: {
    input: {
      placeholder: '请输入 ...',
    },
    copy: {
      tip: '拷贝文本',
      success: '拷贝成功',
      notSupport: '当前浏览器不支持拷贝',
      fail: '拷贝失败',
    },
    date: {
      endPlaceholder: '结束时间',
      startPlaceholder: '开始时间',
      placeholder: '请选择时间',
      today: '今天',
      week: '最近一周',
      month: '最近一个月',
      threeMonth: '最近三个月',
      sixMonth: '最近六个月',
    },
    select: {
      placeholder: '请选择',
    },
    dialog: {
      confirm: '确定',
      close: '关闭',
      validateError: '请修正红色错误项',
    },
    lov: {
      tip: '鼠标双击选择数据',
    },
    tableForm: {
      query: '查询',
      add: '新增',
    },
    table: {
      close: '关闭',
      save: '保存',
      action: '操作',
      seqNo: '序号',
      more: '更多',
      configTitle: '定制化列',
      configTipMessage:
        '拖动格子可以自定义表格列的显示顺序。宽度不填写则自动收缩。可以将列固定在左边或者右边,选择其它则不固定。建议一个列表不能有太多固定的列。',
      fixedNone: '不固定',
      fixedLeft: '固定在左边',
      fixedRight: '固定在右边',
      display: '是否显示',
      displayYes: '是',
      displayNo: '否',
      width: '宽度',
      fixed: '固定',
    },
    form: {
      submit: '提交',
      reset: '重置',
      packup: '收起',
      expand: '展开',
    },
    dragVerify: {
      error: '验证失败',
      time: '验证校验成功,耗时{time}秒。',
      dragText: '请按住滑块拖动',
      successText: '验证通过',
    },
  },
}

粤ICP备2022017444号