怎么用vue-router的router-link实现当前路由下的刷新

原创 2018年04月16日 15:59:00

做项目时候,用vue写了一部分代码,想要用router-link实现路由跳转,然后在当前页面,实现页面的刷新。

<router-link  to="/someWhere" @click.native="refresh">
    <button>按钮</button>
</router-link> 
<script>
export default {
  ...
  ...
  methods:{
    refresh:function(){
      this.$router.go(0);  
    }
  }
}
</script>

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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u014627807/article/details/79961806

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

代码: 首页  export default {   ...   ...   methods:{     flushCom:function(){       /...
  • p358278505
  • p358278505
  • 2017-12-19 14:53:47
  • 963

vue-router相同的地址,如何刷新数据

vue-router当跳转是相同的地址时,是不会刷新页面的 刷新页面的方法有: 1、location.reload() 2、去掉 mode: ‘history’, 3、把router-link...
  • xdongll
  • xdongll
  • 2017-12-08 11:57:59
  • 1098

vue2.x---vue-router如何在router-link标签绑定click点击事件、keyup、change等事件

hello app! page1 p
  • Wbiokr
  • Wbiokr
  • 2017-08-16 22:14:12
  • 3220

vue 刷新当前路由

1.路由介绍 vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用。vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起...
  • mnhn456
  • mnhn456
  • 2017-12-09 13:50:59
  • 1604

vue-router页面跳转

vue-router页面跳转Vue-Router的教程地址https://router.vuejs.org/zh-cn/我们在简历项目的时候命令行如下:$ vue init webpack my-pr...
  • shan1991fei
  • shan1991fei
  • 2017-03-28 16:12:57
  • 3340

vue-router简单实例

Document Hello App! 默认会被渲染成一个 `` 标签 --> Go to Foo Go to...
  • qq_14863671
  • qq_14863671
  • 2016-12-06 19:23:05
  • 3335

Vue 路由: vue-router安装和使用

1、介绍(由来)        vue-router是Vue.js的路由插件。2、 使用场景(优劣)原理       适合用于构建单页面应用,基于路由和组件;路由用于设定访问路径,将路径和组件映射起来...
  • u010691807
  • u010691807
  • 2018-03-02 15:22:44
  • 185

vue学习笔记---tap切换配置(vue-router)

商品 评论 商家 (main.js里面的配置)...
  • yu88288356
  • yu88288356
  • 2017-01-28 13:04:32
  • 1556

vue-router的使用及实现原理

前端路由是直接找到与地址匹配的一个组件或对象并将其渲染出来。改变浏览器地址而不向服务器发出请求有两种方式: 1. 在地址中加入#以欺骗浏览器,地址的改变是由于正在进行页内导航 2. 使用H5的wi...
  • caoxinhui521
  • caoxinhui521
  • 2017-08-29 21:35:40
  • 12856

vue-router 路由基础简单介绍

今天我总结了一下vue-route基础,vue官方推荐的路由。一、起步HTML 简单路由 Go to foo Go to bar // 渲染出口 ...
  • webxiaoma
  • webxiaoma
  • 2017-06-03 14:55:15
  • 1711
收藏助手
不良信息举报
您举报文章:怎么用vue-router的router-link实现当前路由下的刷新
举报原因:
原因补充:

(最多只允许输入30个字)