时间戳

首页 > 解决方案 > Vue.js 使用两个路由器

javascript - Vue.js 使用两个路由器

问题描述

例如，在我的主路由器中，我为每条路由使用通用名称

{
path: '/:locale/:id',
name: 'mainNavigation',
},

但是mainNagivation，根据:id存在的数量以及当我使用谷歌分析时，内部包含多个其他路径，例如：

Vue.use(
VueGtag,
{
    config: { id: 'G-******' }
},
router
)

我只得到，mainNavigation但我需要显示每条路径的具体名称。所以我正在考虑router为谷歌分析创建另一个更详细的，具有更多指定的路径和名称。可以这样工作吗？我可以使用多个路由器吗？

我确实尝试创建另一个router，将其命名并将其router2传递给 Google Analytics，但它没有捕获任何内容。

标签： javascriptvue.js

解决方案

创建文件 mainRouter

import Vue from 'vue';
import Router from 'vue-router';
import interface one from 'interface one'
import interface two from 'interface two'

var allRoutes: any[] = []
const routes = allRoutes.concat(interface one, interface two)

Vue.use(Router);

export default new Router({
  routes: routes
});

并创建文件接口一

import adminHome from 'adminHome'

const routes = [
  {
    path: '/home',
    name: 'home',
    component: adminHome
   },

  ]

 export default routes

并创建文件接口二

import SupervisorsHome from 'SupervisorsHome'
const routes = [
{
  path: '/supervisors/home',
  name: 'home',
  component: SupervisorsHome
},
]

  export default routes

推荐阅读