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();
}
}
},
最后效果很满意!