关于vue-i18n在单文件js中的使用
作者：艾欢欢 发布时间：2024-05-09 09:38:48
标签：vue-i18n,单文件,js
vue-i18n在单文件js中使用
示例
import Vue from 'vue'
import VueI18n from 'vue-i18n'
Vue.use(VueI18n)
const i18n = new VueI18n({
locale: localStorage.getItem('userLanguage') : 'zh',
messages: {
'zh': require('../assets/i18n/zh'), // 中文语言包
'en': require('../assets/i18n/en') // 英文语言包
}
})
export default {
// ...
tipMsg: {
// 使用
phone: i18n.t('TipPhoneFormatError'),
password: i18n.t('Password'),
}
};
i18n如何在js文件中生效
在vue项目中引用vue-i18n实现语言切换功能，开发过程中发现，在vue文件中使用都可以，但是在js文件中直接使用$t('zhKey.首页')是不生效的。
下面是我研究出的解决方法
// js文件中
import Vue from 'vue'
import VueI18n from 'vue-i18n'
import messages from 'unisoc-ui/js/i18n/langs'
Vue.use(VueI18n) // 这里一行是必须加的。
// 在该js文件中，单独注册一个i18n实例并引入语言文件
const i18n = new VueI18n({
locale: localStorage.lang || 'Zh_CN',
messages: messages
})
let mainNavlist = []
mainNavlist = [
{
icon: 'iconuser',
title: i18n.t('zhKey.首页'),
url: '/'
}
]
来源：https://blog.csdn.net/AiHuanhuan110/article/details/100099949
0
投稿猜你喜欢
- 如果在select语句前放上关键词explain，mysql将解释它如何处理select，提供有关表如何联接和联接的次序。explain的每
- 今天在写 mysql 遇到一个比较特殊的问题。 mysql 语句如下: update wms_cabinet_form set cabf_e
- DBA_2PC_PENDING Oracle会自动处理分布事务，保证分布事务的一致性，所有站点全部提交或全部回滚。一般情况下，处理过程在很短
- 在文章《用CSS实现柱状图（Bar Graph）的方法总结与比较（三）》中我强调说不同浏览器对于相同元素的默认样式并不一致，这也是为什么我们
- 一、Pylint 是什么Pylint 是一个 Python 代码分析工具，它分析 Python 代码中的错误，查找不符合代码风格标准和有潜在
本文实例为大家分享了python实现动态人脸捕获的具体代码，供大家参考，具体内容如下步骤载入cv2捕获摄像头获取第一帧图像定义人脸识别信息开- 1. 引言Python中有一些内置函数，可以使我们的代码非常优雅。zip 函数就是其中之一，但是zip 函数的使用对于初学者来说不是很直观，
- 刚刚心血来潮，编了一个国际域名查询的功能页面，比较简单，没有做什么美化和修饰，主要利用了服务器端的XMLHTTP访问第三方服务器实现域名查询
- 这个需求是产品提的，一开始只是设置了 <input style="padding-top: 3px;" type=
- 如果说goroutine是Go语言程序的并发体的话,那么channels则是它们之间的通信机制。一个channel是一个通信机制，它可以让一
- 1. Http标准库1.1 http客户端func main() {response, err := http.Get("http
- 官方文档中关于super的定义说的不是很多，大致意思是返回一个代理对象让你能够调用一些继承过来的方法，查找的机制遵循mro规则，最常用的情况
- 网上看到一个python写的数独，很好玩，分享给大家。import randomimport itertoolsfrom copy impo
- 内容摘要：有很多朋友虽然安装好了mysql但却不知如何使用它。在这篇文章中我们就从连接mysql、修改密码、增加用户等方面来学习一些mysq
- 题目描述目录hw1下的图像是一些胶片的照片，请将其进行度量矫正。推荐流程：采用Canny算子，检测边缘点；采用Hough直线检测，根据边缘点
- 目录1.横向合并1.1 concatenate方法1.2 hstack方法1.3 column_stack方法2.纵向合并2.1 conca
- asp ajax json教程首先用ACCESS建json.mdb的库,然后建一个表t_jsontable,字段如下:jt_id,jt_na
- @Test public void test33() {
- Liwu_Items表，CreateTime列建立聚集索引 第一种，sqlserver2005特有的分页语法 代码如下:declare @p
- VSCode插件安装完成后，有些插件如果你想要完整的使用其中的功能得在settings.json中就行配置，接下来是我常用的一些配置{ &n
