Vue2 路由配置：根据语言自动切换页面标题

要实现根据选择的语言自动切换路由的标题，可以使用Vue的路由导航守卫（beforeEach）来实现。\n\n首先，在路由配置文件中，设置每个路由的meta字段，用来存储路由的标题信息。例如：\n\njavascript\nconst routes = [\n {\n path: '/',\n name: 'Home',\n component: Home,\n meta: {\n title: {\n en: 'Home',\n zh: '首页'\n }\n }\n },\n // ...\n]\n\n\n在Vue的路由配置文件中，添加一个全局的beforeEach导航守卫。在该导航守卫中，可以通过Vue的国际化插件（如vue-i18n）获取当前选择的语言，并根据语言设置对应的路由标题。例如：\n\njavascript\nimport i18n from 'path-to-i18n-plugin'\nimport router from 'path-to-router'\n\nrouter.beforeEach((to, from, next) => {\n const lang = i18n.locale // 获取当前选择的语言\n const title = to.meta.title[lang] // 根据语言获取对应的标题\n\n document.title = title // 设置页面标题\n\n next()\n})\n\n\n在上述代码中，通过i18n.locale获取当前选择的语言，然后通过to.meta.title[lang]来获取对应路由的标题。最后，将标题设置为页面的标题，即document.title = title。\n\n这样，每次路由切换时，就会根据选择的语言自动切换路由的标题。