您的位置:首页 > Web前端 > Vue.js

vue-router 如何在当前路由下重新点击当前路由的router-link实现刷新 组件重新渲染

2018-04-16 10:40 736 查看

代码:<router-link  to="/home" @click.native="flushCom">首页</router-link> export default {  ...  ...  methods:{
    flushCom:function(){      //router是路由实例,例如:var router = new Router({})      //router.go(n)是路由的一个方法,意思是在history记录中前进或者后退多少步,0就表示还是当前,类似window.history.go(n)       this.$router.go(0);      }
  }
}@click.native:事件后面要添加.native,不然添加的事件不起作用,具体原因应该是router-link为了阻止a标签的默认跳转事件

阅读更多
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐