vue跳转页面之后返回_vue route-link跳转之后再返回记录刚刚访问的位置(图片列表页)...

1.在router.js里面,

scrollBehavior(to, from, savedPosition) {

if (savedPosition) {

//真正起作用的是这里,else里面的if删除了,免得误导

return savedPosition

} else {

return { x: 0, y: to.meta.savedPosition || 0 }

}

},

2.在router.js里面需要记录位置的单页面里面

meta: {

title: '列表页',

keepAlive:true

},

3.App.vue里面

这样写的意义就是不缓存所有页面,哪个地方写了 keepAlive:true,哪个地方就记录位置(加缓存)

4.位置确实记录上了(加缓存,返回不刷新页面),也就是说,返回不触发created,所以有些页面需要返回触发的东西都写在activated里面。其实整个过程很简单,代码也很干练,因为这是路由自带的功能,只不过之前没有发现罢了

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值