简单记一下Vue router 路由中使用 vue-i18n 进行标题国际化

引入状态管理和国际化文件

import store from '../store'
import i18n from '@/configs/i18n'

使用状态管理设置路由当前国际化选项

// 使用状态管理
i18n.locale = store.state.setStore.i18n??'zh'

路由中使用i18n

{ path: '/login', name: 'login', component: LoginPage, meta: { title: i18n.t('Login') } },

你可能感兴趣的:(vue.js,前端,javascript)