在main.js中加入Router的代码
// 路由变化跳转页面回到顶部
router.afterEach((to,from,next) => {
window.scrollTo(0,0);
})
需要注意的是,我在列表页跳转详情页时开始使用params的方式不会在url中显示id的方式,由于url没有发生变化,所以并没有进入router.afterEach这个方法,最后没办法还是在url上拼接了${id}才实现想要的效果
在main.js中加入Router的代码
// 路由变化跳转页面回到顶部
router.afterEach((to,from,next) => {
window.scrollTo(0,0);
})
需要注意的是,我在列表页跳转详情页时开始使用params的方式不会在url中显示id的方式,由于url没有发生变化,所以并没有进入router.afterEach这个方法,最后没办法还是在url上拼接了${id}才实现想要的效果
在main.js中加入Router的代码 需要注意的是,我在列表页跳转详情页时开始使用params的方式不会在ur...
app.vue:
背景 使用router-view跳转页面时，每次跳转，页面都定位到当前看的位置 思路 路由跳转后添加回滚到顶部操作...
路由跳转后页面滚动条依旧在上一个路由的位置。每次进入路由我需要置顶显示，方案如下。 a. main.js中添加如...
说明 目前增加了路由跳转，可以带参数跳转页面。下拉可以自定义刷新样式，IOS点击Status Bar回到顶部，目前...
首先提到回到顶部我们就想到的是a标签锚点跳转 a标签返回顶部的话会产生改变路由的问题每次用户点击返回顶部的话是可以...
vue路由跳转部分的内容
vue3 路由跳转 交互
路由跳转回到顶部 在router的index.js里面配置 路由传参 用parmas传的参数刷新页面会消失，用qu...
vue 路由 路由点击跳转不会页面刷新，可以保留数据 安装vue-router:npm install vue-r...
本文标题：vue | 路由跳转回到顶部
本文链接：https://www.haomeiwen.com/subject/zipnkctx.html
网友评论