加载跳转网站源码分享?网站跳转代码

大家好,感谢邀请,今天来为大家分享一下加载跳转网站源码分享的问题,以及和网站跳转代码的一些困惑,大家要是还不太明白的话,也没有关系,因为接下来将为大家分享,希望可以帮助到大家,解决大家的问题,下面就开始吧!

解决思路:路由离开时,将页面位置加入缓存中,再次返回时读取缓存中页面位置,然后赋值到页面。

页面选择收货人后进入参照界面

参照界面选择数据后跳回原页面并赋值

但是返回的是顶部,而不是原位置,客户使用不方便

代码如下:

<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>

文章分享结束,加载跳转网站源码分享和网站跳转代码的答案你都知道了吗?欢迎再次光临本站哦!

Published by

风君子

独自遨游何稽首 揭天掀地慰生平