nuxt.js中如果在同级目录中建两个_xxxx.vue的动态路由文件，那么页面跳转始终是跳的一个页面，
如何解决这个问题呢？下面举个栗子：

第一步：新建两个页面文件

 

第二步：在nuxt.config.js文件中配置两个页面的动态路由

  1.   router: {
  2.     extendRoutes(routes, resolve) {
  3.       routes.push(
  4.         {
  5.           name: "pageA",
  6.           path: "/strA-:id",
  7.           component: resolve(__dirname, "pages/test/pageA.vue")
  8.         },
  9.         {
  10.           name: "pageB",
  11.           path: "/strB/:id",
  12.           component: resolve(__dirname, "pages/test/pageB.vue")
  13.         }
  14.       );
  15.     }
  16.   },

 

第三步：设置点击跳转，然后重启项目

  1. <template>
  2.     <div class="container">
  3.         <a @click="$router.push(`/strA-${'参数id'}.html`)">去到页面A</a>
  4.         <a @click="$router.push(`/strB/${'参数id'}`)">去到页面B</a>
  5.     </div>
  6. </template>

 

最后我们看跳转后的链接效果：
页面A：

 

页面B：

 

版权声明：本文为maxiansheng原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://www.cnblogs.com/maxiansheng/p/12512827.html