vue学习笔记 element-plus 分页显示英文问题

表格和分页提示都显示英文

解决办法

1.0.2-beta.59 之前

在main.js中，

import locale from "element-plus/lib/locale/lang/zh-cn";
createApp(App).use(ElementPlus, { locale })

运行结果

1.0.2-beta.59及之后版本（目前到1.0.2-beta.70）

Config Provider

在main.js中，

import ElementPlus from "element-plus";
import "element-plus/lib/theme-chalk/index.css";

const app = createApp(App);
app.use(ElementPlus);

在App.vue中

<template>
  <div id="app">
    <el-config-provider :locale="locale">
      <router-view />
    el-config-provider>
  div>
template>

<script>
import { ElConfigProvider } from "element-plus";
import zhcn from "element-plus/lib/locale/lang/zh-cn";
export default {
  name: "App",
  components: {
    [ElConfigProvider.name]: ElConfigProvider,
  },
  setup() {
    // 中文
    let locale = zhcn;

    return {
      locale,
    };
  },
};
script>