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