vue2的路由配置文件设置路由title时如何实现根据选择语言自动切换

要实现根据选择的语言自动切换路由的标题，可以使用Vue的路由导航守卫（beforeEach）来实现。

首先，在路由配置文件中，设置每个路由的meta字段，用来存储路由的标题信息。例如：

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home,
    meta: {
      title: {
        en: 'Home',
        zh: '首页'
      }
    }
  },
  // ...
]

在Vue的路由配置文件中，添加一个全局的beforeEach导航守卫。在该导航守卫中，可以通过Vue的国际化插件（如vue-i18n）获取当前选择的语言，并根据语言设置对应的路由标题。例如：

import i18n from 'path-to-i18n-plugin'
import router from 'path-to-router'

router.beforeEach((to, from, next) => {
  const lang = i18n.locale // 获取当前选择的语言
  const title = to.meta.title[lang] // 根据语言获取对应的标题

  document.title = title // 设置页面标题

  next()
})

在上述代码中，通过i18n.locale获取当前选择的语言，然后通过to.meta.title[lang]来获取对应路由的标题。最后，将标题设置为页面的标题，即document.title = title。

这样，每次路由切换时，就会根据选择的语言自动切换路由的标题