大家好,感谢邀请,今天来为大家分享一下加载跳转网站源码分享的问题,以及和网站跳转代码的一些困惑,大家要是还不太明白的话,也没有关系,因为接下来将为大家分享,希望可以帮助到大家,解决大家的问题,下面就开始吧!
解决思路:路由离开时,将页面位置加入缓存中,再次返回时读取缓存中页面位置,然后赋值到页面。
页面选择收货人后进入参照界面
参照界面选择数据后跳回原页面并赋值
但是返回的是顶部,而不是原位置,客户使用不方便
代码如下:
<script>
exportdefault{
beforeRouteLeave(to,from,next){
//记录离开页面的位置
letposition=window.scrollY;
if(position==null){
position=0;
}
//加入到缓存
letdataStorageHo={position:position}
this.$store.dispatch(‘UPDATE_STORAGE’,{
storageData:dataStorageHo
});
//必须要加这个,进行下一个钩子函数
next();
},
watch:{
‘$route'(to,from){
//返回到本页面时
if(to.name===’detail’){
this.datatype=this.$store.state.storage.storageData||0;
letposition=this.datatype.position||0;
//将缓存位置赋值过来定位
window.scroll(0,position);
}
}
}
}
</script>
缓存使用的是storage,同时界面加了keep-alive:
<template>
<div>
<keep-alive>
<router-view></router-view>
</keep-alive>
文章分享结束,加载跳转网站源码分享和网站跳转代码的答案你都知道了吗?欢迎再次光临本站哦!
