javascript - 请教关于vue路由搭建问题

问题描述

问 题

我有这样一个需求，首页是一些图片，每个图片点进去是详情页，问题出在这里了

• 思路1，每张图片是一个动态路由/product/:id,作为详情页，这样有一个弊端，就是，路由切换进详情，那么返回后用户的浏览位置肯定丢失了（路由重新渲染）

• 思路2, 每个图片上加点击事件，详情页用Detail.vue组件来展示，点击图片后调用Detail组件的方法来覆盖一个遮罩层，从而显示详情页数据，但是这样做好像不怎呢自然呢？

想知道有没有更好的方式？

解决方案

思路一补充
位置缺失可以设置vue-router中的scrollBehavior来完善

参考vue-router2链接中的滚动行为

这篇关于javascript - 请教关于vue路由搭建问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！