element-plus 将语言设置为中文

1.前提：我这里直接引入了自动安装组件的插件所以直接在app.vue中配置

2.使用：

2.1. app.vue

<script setup lang="ts">
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'

const locale = zhCn
const value1 = ref('')

</script>


<template>

  <el-config-provider :locale="locale">
    <el-date-picker v-model="value1" type="date" placeholder="Pick a day" :size="size" />
  </el-config-provider>

</template>

2.2如果是Ts项目，ts会报element-plus/dist/locale/zh-cn.mjs没有声明，需要在根目录的env.d.ts文件进行声明。

/// <reference types="vite/client" />

declare module '*.vue' {
  import { DefineComponent } from 'vue'
  // eslint-disable-next-line @typescript-eslint/no-explicit-any, @typescript-eslint/ban-types
  const component: DefineComponent<{}, {}, any>
  export default component
}

declare module 'element-plus/dist/locale/zh-cn.mjs'     //加上这段代码即可

// 环境变量 TypeScript的智能提示
interface ImportMetaEnv {
  VITE_APP_TITLE: string
  VITE_APP_PORT: string
  VITE_APP_BASE_API: string
}

interface ImportMeta {
  readonly env: ImportMetaEnv
}

3.效果图