话不多说,直接上代码
<template>
<div>
<router-view/>
<van-tabbar v-model="active" @change="change" fixed>
<van-tabbar-item icon="home-o">
<router-link to="/L1">标签</router-link>
</van-tabbar-item>
<van-tabbar-item icon="search">
<router-link to="/L2">标签</router-link>
</van-tabbar-item>
<van-tabbar-item icon="friends-o">
<router-link to="/L3">标签</router-link>
</van-tabbar-item>
<van-tabbar-item icon="setting-o">
<router-link to="/L4">标签</router-link>
</van-tabbar-item>
</van-tabbar>
</div>
</template>
<script>
export default {
data() {
return {
active:0
}
},
// 刷新页面的时候自动执行获取存储在localStorage的值
created(){
this.active = JSON.parse(localStorage.getItem('active'));
},
methods: {
change(e){
localStorage.setItem('active', e)
}
},
}
</script>
<style>
</style>