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标签的默认跳转事件
相关文章推荐
- vue-router 如何在当前路由下重新点击当前路由的router-link实现刷新
- 解决element-ui中el-menu组件作为vue-router模式在刷新页面后default-active属性与当前路由页面不一致问题的方法
- vue刷新当前路由:router-view 复用组件时不刷新的3种解决方案总结
- 【react-router】从Link组件和a标签的区别说起,react-router如何实现导航并优化DOM性能?
- vue---vue2.x中如何异步加载路由组件,webpack+vue实现组件懒加载
- 当前vue路由组件重新加载
- vue.js vue-router如何实现无效路由(404)的友好提示
- 【笔记】vue中引用了其他组件 (比如Bus.js),如何使this重新指向当前组件?
- react-router(v3)切换页面时不刷新页面,实现显示和隐藏子路由组件
- vue.js之编程式路由-给router-link的点击事件
- AngularJS的ui-router第一次点击激活路由加载页面,再次点击就没用,如何实现每次点击都激活加载路由一次
- vue 刷新之后 嵌套路由不变 重新渲染页面的方法
- Vue 单页内使用router-link跳转,动态使用router.push()实现页内跳转,跳转到其他组件
- 利用vue-router的动态路由和路由传值实现同一模板渲染不同数据
- vue2.x---vue-router如何在router-link标签绑定click点击事件、keyup、change等事件
- 解决vue-router嵌套路由(子路由)在history模式下刷新无法渲染页面的问题
- vue-router实现组件间的跳转(参数传递)
- vue-router 源码实现前端路由的两种方式
- 浅谈 Vue v-model指令的实现原理 - 如何利用v-model设计自定义的表单组件
- Vue的路由功能(1)简单路由与vue-router的基础使用(同步/异步组件)