如何利用i18n实现国际化

embedded/2025/2/6 7:19:33/

1.首先新建i18.js文件

// i18n配置
import { createI18n } from 'vue-i18n'
// import ElementPlus from 'element-plus'
import zhCn from 'element-plus/es/locale/lang/zh-cn'
import zh from './zh-cn'
import en from './en'
import ru from './ru'
const messages = {en_US: {...en,// ...elementEnLocale},zh_CN: { ...zh,...zhCn},ru_RU: {...ru,// ...elementZhLocale}
}
// 创建i18n
const i18n = createI18n({locale: localStorage.getItem('language') || 'zh_CN', // 语言标识globalInjection: true, // 全局注入,可以直接使用$t// 处理报错: Uncaught (in promise) SyntaxError: Not available in legacy mode (at message-compiler.esm-bundler.js:54:19)legacy: false,messages
})export default i18n

注意:en_US、zh_CN、ru_RU必须按照固有格式

2.新建en.js文件

export default {button: {confirm: 'Confirm',login: 'Login',search: 'Search',reset: 'Reset'}
}


http://www.ppmy.cn/embedded/159964.html

相关文章

糖果(安师大)

转移方程 转移方程的核心思想是 选择和不选择当前物品 两种情况的比较。具体来说: 不选择当前物品: 如果不选择第 i 个物品,那么 dp(i, j) 就等于 dp(i-1, j),即前 i-1 个物品中,满足 总价值 % k j 的最大和。 选…

【异常记录Java-20250204】调用讯飞星火AI(Spark lite 版本)Api 授权错误问题处理

问题重现 依赖 <!--讯飞开放平台sdk--> <dependency><groupId>io.github.briqt</groupId><artifactId>xunfei-spark4j</artifactId><version>1.3.0</version> </dependency>yml配置文件 # 讯飞Api配置 xunfei:client:ap…

Vue和Java使用AES加密传输

背景&#xff1a;Vue对参数进行加密&#xff0c;对响应进行解密。Java对参数进行解密&#xff0c;对响应进行解密。不拦截文件上传类请求、GET请求。 【1】前端配置 安装crypto npm install crypto-js编写加解密工具类encrypt.js import CryptoJS from crypto-jsconst KEY …

vim-plug的自动安装与基本使用介绍

vim-plug介绍 Vim-plug 是一个轻量级的 Vim 插件管理器&#xff0c;它允许你轻松地管理 Vim 插件的安装、更新和卸载。相较于其他插件管理器&#xff0c;vim-plug 的优点是简单易用&#xff0c;速度较快&#xff0c;而且支持懒加载插件&#xff08;即按需加载&#xff09; 自动…

3.【BUUCTF】XSS-Lab1

进入题目页面如下 好好好&#xff0c;提示点击图片&#xff0c;点进去页面如下&#xff0c;且url中有传参&#xff0c;有注入点 发现题目给出了源码 查看得到本题的源码 分析一下代码 <!DOCTYPE html><!--STATUS OK--> <!-- 声明文档类型为 HTML5&#xff0c;告…

基于 docker 的mysql 5.7 主主集群搭建

创建挂载目录和配置文件 主节点1 mkdir -p /mysql_master_1/mysql/log mkdir -p /mysql_master_1/mysql/data mkdir -p /mysql_master_1/mysql/conf vim /mysql_master_1/mysql/conf/my.cnf[mysqld] datadir/var/lib/mysql #MySQL 数据库文件存放路径 server_id 1 #指定数据…

React组件中的列表渲染与分隔符处理技巧

React组件中的列表渲染与分隔符处理技巧 摘要问题背景解决方案分析方案一&#xff1a;数组拼接法方案二&#xff1a;Fragment组件方案三&#xff1a;动态生成key 关键技术点1. key的使用原则2. Fragment组件3. 性能优化 实战演练挑战1&#xff1a;动态分隔符样式挑战2&#xff…

SQL中的三值逻辑和NULL

在SQL中&#xff0c;三值逻辑是一个重要概念&#xff0c;它的存在主要是由于 NULL 值的引入。NULL 代表未知值&#xff0c;它既不是空字符串&#xff0c;也不是数字 0&#xff0c;而是一个特殊的标记&#xff0c;表示数据缺失或不可用。 目录 SQL的三值逻辑 NULL的特性 NULL…