相关疑难解决方法(0)

我正在构建一个包含产品列表的Nuxt应用程序，然后单击其中一个打开该产品的专用页面。它工作正常。

结构是：

/pages/featured // directory of products
/pages/product/:id/:slug // Dedicated product page

现在我想添加一个新功能：

• 如果从不是产品目录的页面点击或人们直接登陆该页面，我希望保留产品的专用页面；
• 如果显然是从目录中单击，我希望在目录顶部打开一个几乎全屏的产品对话框；
• 保持对话框上的路由更改。

我希望实现的一个很好的例子是Youpic的 photo 目录。

“产品”列表，完全在带有内部导航的对话框中可见。

我正在查看各种nuxt-routing和vue-router文档以尝试开发它，但我离解决方案还很远。

我在这里看到的一小部分代码看起来与我需要的非常相似，但我不明白我应该如何正确实现它以及如何创建我的 nuxt 自定义路由：

export default {
  router: {
    extendRoutes (routes, resolve) {
      routes.push({
        path: '/users/:id',
        components: {
          default: resolve(__dirname, 'pages/users'), // or routes[index].component
          modal: resolve(__dirname, 'components/modal.vue')
        },
        chunkNames: {
          modal: 'components/modal'
        }
      })
    }
  }
}