最近使用vant-tabbar插件的时候,发现一个问题,正常不带路由的时候, v-model="active"是起作用的,但是换成路由跳转的时候,不管active=0或者active=“0”都不行。
于是遂想到,是否在预加载的时候,主动线跳转一次?
想法产生即行动
mounted() {
window.location.href = "/#/****"
},
欧克,不是很平滑,但是比对着白屏好看多了
一下是完成代码
<template>
<div>
<router-view />
<div class="bar">
<van-tabbar route @change="onChange" placeholder>
<van-tabbar-item icon="wap-nav" name="home" replace to="/module">主页</van-tabbar-item>
<van-tabbar-item icon="bell" replace to="/notice" :badge="n_badge">通知</van-tabbar-item>
<van-tabbar-item icon="manager" replace to="/mine" :dot="m_badge">我的</van-tabbar-item>
<van-tabbar-item icon="setting" replace to="/setting">设置</van-tabbar-item>
</van-tabbar>
</div>
</div>
</template>
<script>
export default {
name: 'home',
data() {
return {
n_badge: 10,
m_badge: true
}
},
mounted() {
window.location.href = "/#/******"
},
methods: {
onChange(index) {
},
}
}
</script>
网上也有很多解答,但不太管用,再次记录一下,加深记忆