vue.js 如何使用nuxt,js打开Behance这样的单个项目?

dm7nw8vv  于 2023-08-07  发布在  Vue.js
关注(0)|答案(2)|浏览(136)

我正在使用NUXT.JS的一个项目上工作,我想在同一个页面上打开一个项目,比如behance。换句话说,当我点击一个项目,我想停止页面重定向,并打开一个项目有在同一个地方的路线,但当有人来到该路线,它将是一个单独的页面。
我尝试了Nuxt嵌套路由与nuxt-child,但没有工作或我不明白。

这是我的结构x1c 0d1x

这是我的项目结构

wbgh16ku

wbgh16ku1#

您可以创建一个组件并将其作为模态窗口导入到索引页面中(因此它提供了模态组件的内容),还可以创建一个页面,在其中导入相同的组件作为页面内容。
这样你就可以把它放在覆盖层中,也可以作为一个单独的页面。

gtlvzcf8

gtlvzcf82#

我还没有尝试过,但只是也许,你可以做一个“组页”与两个路由(两个页面),不同的,一个与参数其他没有,一个与模态其他没有。因此,在具有参数(例如,一个单一的产品的ID)模态弹出时,路线加载,并在路线没有(基本上是其他页面,但在设计相同)没有模态只是一个网格的“产品”。
我唯一想到的是,如何在Nuxt中使同一页面具有不同的路由???

相关问题