最新版element-plus全球化设置无效【完美解决】
刚开始学习vue 跟着别人教程在做 却发现全球化我无论如何设置都起不到效果 然后去官方看了一看文档 官方文档是这么写的 我也确实是这么做的,但是无论如何都不起效果,在网上搜了很多方法也没能解决。 最终根据官方文档提供的第二种方式实现,使用官方供的一个 Vue 组件 ConfigProvider 先来看看官方怎么介绍的 照葫芦画瓢,下面贴上我的解决代码
<template> <div> <!-- 国际化--> <el-config-provider :locale="locale"/> <router-view/> </div> </div> </template> <style> </style> <script> import { ElConfigProvider} from "element-plus"; import zhCn from element-plus/lib/locale/lang/zh-cn export default { name: "Layout", components: { ElConfigProvider }, setup() { return { locale: zhCn, } }, } </script>
在App.vue里面引入ConfigProvider组件即可实现国际化
完美解决