很多时候 在一个vue项目中,不是说只有。vue文件才有国际化语言的 在JS文件中我们也需要的
比如在request.JS中 在处理请求的时候 需要弹出提示 这时候需要中英文 我们可以用 window.EApp.$t('message.Networkoutageorserverconfigurationerror') 但是在一些.JS文件中是用不了的 比如下面的 router.JS文件 下面是解决办法
在router.js文件中可以使用tc或者t方法来实现国际化语言的设置。$tc方法中第一个参数是要翻译的键,第二个参数是要替换的参数,第三个参数是要选择的复数形式。
import i18n from './i18n'
const routes = [
{
path: '/',
name: 'home',
component: () => import(/* webpackChunkName: "home" */ './views/Home.vue'),
meta: {
title: i18n.t('message.home') // 使用$t方法获取翻译的文本
}
},
{
path: '/about',
name: 'about',
component: () => import(/* webpackChunkName: "about" */ './views/About.vue'),
meta: {
title: i18n.tc('message.about', 1) // 使用$tc方法获取翻译的文本,第三个参数是复数形式
}
}
]
export default routes
需要注意的是,在router.js文件中使用国际化语言的设置需要先引入i18n实例。