我正在构建一个包含产品列表的Nuxt应用程序,点击其中一个打开该产品的专用页面.它运转良好.
struct 是:
/pages/featured // directory of products
/pages/product/:id/:slug // Dedicated product page
现在我想添加一个新功能:
- 如果从不是产品目录的页面上单击,或者如果有人直接登录,我希望保留产品的专用页面;
- 我希望在目录顶部打开一个几乎全屏的产品对话框,如果从目录中点击;
- 将路由更改保留在对话框中.
我希望实现的一个很好的例子是照片目录Youpic.
一个"产品"列表,在一个带有内部导航的对话框中完全可见.
我正在看各种各样的nuxt-routing和vue-router个文档来try 开发它,但我离解决方案还很远.
我在这里看到的这一小部分代码看起来与我需要的非常相似,但我不明白应该如何正确地实现它,以及如何创建我的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'
}
})
}
}
}