在VUE项目中有碰到过,vue 同一 路由页面 用router-link 或者 router.push() 访问同一路由页面,出现url地址有变化,但是页面内容没有变化,没有重新加载信息

解决方案如下

    <router-link  to="/home" @click.native="flushCom">首页</router-link>

<script>    

export default {

...
...
methods:{
flushCom:function(){
//router是路由实例,例如:var router = new Router({})
    //router.go(n)是路由的一个方法,意思是在history记录中前进或者后退多少步,0就表示还是当前,类似window.history.go(n)
this.$router.go(0);  
}
}

}

<script>    

等于在router 链接 触发后 再通过click 时间 刷新本页面,

如果大神有其他好的办法,评论回复 多谢

Logo

前往低代码交流专区

更多推荐