vue项目使用 vue-i18n 切换中英文，路由上的meta的title属性怎么切换中英文？

Question

vue项目使用 vue-i18n 切换中英文，路由上的meta的title属性怎么切换中英文？
vue使用vue-i18n 切换中英文，

{
      path: '/coursedetail/:courseid',
      name: 'coursedetail',
      component: coursedetail,
      meta: {
        // auth: false
        title:'课程详情'
      }
    },

这个title怎么切换中英文了？谢谢

Answer 1

clone代码参考：https://github.com/aisagaciou...

Answer 2

全局导航守卫回调里面写

if (to.meta.title) {
    document.title = to.meta.title
  }

组件里面

<p>{{this.$t(this.$route.meta.title)}}</p>

多语言en/zh里面定义好和title一样的字段就好了
比如你的title是Dashboard，多语言en里面

const en = {Dashboard: 'Dashboard'...}

zh里面

const zh = {Dashboard: '面板'...}

Answer 3

在你引入的公共组件里翻译就好了，你设置了title无非就是引入了一个公共组件嘛，你在公共组件的created里翻译就好了吧，然后router的title里就设置你翻译的那个属性