vue跳轉當前頁面是不刷新的,比較簡單的方法是window.onload()或則this.$router.go(0);
這樣會有空白頁的閃爍感
推薦
在app.js ,通過提供一個reload方法實現頁面的重新加載
<router-view v-if="showState" />
name: 'App',
provide(){
return {
reload:this.reload
}
},
methods:{
reload(){
this.showState = false;
this.$nextTick(()=>{
this.showState = true;
})
}
}
user.js
很重要!!! 監聽路由的變化情況,包括通過瀏覽器的后退鍵前進鍵的變化的情況的
export default {
inject:["reload"],
data() {
return {
watch: {
'$route' (to, from) { //監聽路由是否變化
if(this.$route.params.touid){//判斷id是否有值
// alert(this.$route.params.touid)
this.reload();
}
}
},
最后效果很滿意!