Vue3项目给ElementPlus设置中文的两个方案

介绍

Vue3项目将ElementPlus切换为中文

1、在App.vue的文件中修改

复制代码
<template>
	<el-config-provider :locale="zhCn">
		<router-view></router-view>
	</el-config-provider>
</template>

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

2、在main.ts的文件中修改

复制代码
// main.ts
import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import App from './App.vue'
//引入中文文件
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'

const app = createApp(App)
//设置中文
app.use(ElementPlus,{
    locale: zhCn,
})
app.mount('#app')
相关推荐
小鱼小鱼干几秒前
【JS/Vue3】关于Vue引用透传
前端
JavaDog程序狗2 分钟前
【前端】HTML+JS 实现超燃小球分裂全过程
前端
独立开阀者_FwtCoder7 分钟前
URL地址末尾加不加 "/" 有什么区别
前端·javascript·github
独立开阀者_FwtCoder10 分钟前
Vue3 新特性:原来watch 也能“暂停”和“恢复”了!
前端·javascript·github
snakeshe101011 分钟前
优化 Mini React:实现组件级别的精准更新
前端
前端小盆友12 分钟前
从零实现一个GPT 【React + Express】--- 【2】实现对话流和停止生成
前端·gpt·react.js
京东云开发者17 分钟前
行云前端重构之路:从单体应用到 Monorepo 的血泪史
前端
whale fall19 分钟前
npm install安装不成功(node:32388)怎么解决?
前端·npm·node.js
疯狂动物城在逃flash29 分钟前
数据库入门:SQL学习路线图与实战技巧
前端
前端小巷子34 分钟前
跨域问题解决方案:开发代理
前端·javascript·面试