我有这样一个需求,首页是一些图片,每个图片点进去是详情页,问题出在这里了
思路1,每张图片是一个动态路由/product/:id,作为详情页,这样有一个弊端,就是,路由切换进详情,那么返回后用户的浏览位置肯定丢失了(路由重新渲染)
思路2, 每个图片上加点击事件,详情页用Detail.vue组件来展示,点击图片后调用Detail组件的方法来覆盖一个遮罩层,从而显示详情页数据,但是这样做好像不怎呢自然呢?
想知道有没有更好的方式?
我有这样一个需求,首页是一些图片,每个图片点进去是详情页,问题出在这里了
思路1,每张图片是一个动态路由/product/:id,作为详情页,这样有一个弊端,就是,路由切换进详情,那么返回后用户的浏览位置肯定丢失了(路由重新渲染)
思路2, 每个图片上加点击事件,详情页用Detail.vue组件来展示,点击图片后调用Detail组件的方法来覆盖一个遮罩层,从而显示详情页数据,但是这样做好像不怎呢自然呢?
想知道有没有更好的方式?
13 回答12.7k 阅读
7 回答1.8k 阅读
5 回答1.3k 阅读
9 回答1.6k 阅读✓ 已解决
3 回答2.5k 阅读✓ 已解决
3 回答1k 阅读✓ 已解决
3 回答1.3k 阅读✓ 已解决
思路一补充
位置缺失可以设置vue-router中的scrollBehavior来完善
参考vue-router2链接中的滚动行为