问题描述:
tab子页面返回默认返回的是tab第一页,用户体验很不好
解决:
第一步:存储到sessionStorage
onClick(name, title) {
sessionStorage.setItem('managerTab', name);
},
第二步:获取sessionStorage
created() {
if (sessionStorage.getItem('managerTab'))
this.active = sessionStorage.getItem('managerTab');
},
第三步:tab加name值,不然不生效
<van-tabs animated v-model="active" title-active-color="#1F77FF" color="#1F77FF" @click="onClick" ref="tabs">
<van-tab name='0' title="一">
</van-tab>
<van-tab name='1' title="二">
</van-tab>
<van-tab name='2' title="三">
</van-tab>
<van-tab name='3' title="四">
</van-tab>
<van-tab name='4' title="五">
</van-tab>
</van-tabs>
第四步:记得清空sessionStorage