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

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

代码：

<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实现刷新相关推荐

vue知识（四）生命周期、钩子函数、路由
文章目录一.生命周期 (一)vue生命周期二.钩子函数 (一)钩子函数 (二)4大阶段8个方法 (1)如何知道vue生命周期到达了什么阶段? (2)钩子函数有哪些 (三)初始化 (1)new Vu ...
vue uniapp 微信小程序搜索下拉框模糊搜索
vue uniapp 微信小程序搜索下拉框模糊搜索话不多说直接贴代码 template <template><view class="index"> ...
Vue(小码哥王洪元)笔记06路由，url的hash，history，router-linke，路由跳转，动态路由，懒加载，路由嵌套，router参数传递，导航守卫
1.什么是路由路由器提供了两种机制:路由和传送路由:数据报从来源到目的地的路径传输:将输入端的数据转移到合适的输出端路由有一个非常重要的概念教路由表路由表本质上就是一个映射表,决定了数据包的 ...
Vue.JS项目中二级路由下刷新浏览器仍呈现当前路由的实现方案
1.需求介绍: 以下介绍一下实现起来没什么疑问的需求:设备列表为一个主页,点击设备列表中的编辑按钮,进入设备信息主页面,默认打开设备配置页,点击设备状态.设备日志.固件升级,会切换下方内容. 本人对以 ...
vue中路由传参方式之二（this.$router.push进行编程式路由跳转传参）
this.$router.push进行编程式路由跳转传参 router中路由配置组件home点击传参组件homeDetails接受参数 router中路由配置 params第一种传参路由配置 {p ...
Vue踩坑之二级路由下静态资源加载失败
在使用vue开发过程中意外发现 , 当我的路由加到二级时我的页面背景突然没了? 这是怎么回事呢? 让我们先来复现一下问题吧起初我的登陆页面的路由是这样子的我的背景图片是在外部的一个css中写着的 ...
VUE—跳转到该父路由下的指定子路由（图文详情）
VUE-跳转到该父路由下的指定子路由第一步:在index.js里配置路由,父路由不写name,指定子路由写父路由的name,其余子路由路由前不加'/' {path: '/Layout',compon ...
Vue 路由知识三(过渡动画及路由钩子函数)
路由的过渡动画:让路由有过渡动画,需要在<router-view>标签的外部添加<transition>标签,标签还需要一个name属性. <transition nam ...
Vue.js-Day05【安装路由（vue-router）、如何使用vue-router、404配置、激活class、动态路由、编程式导航、路由嵌套、路由元信息、导航拦截】
Vue.js实训[基础理论(5天)+项目实战(5天)]博客汇总表[详细笔记] 目录 1.单页面应用 1.1.多页面应用 1.2.单页面应用 1.3.vue-router 2.安装vue-rout ...

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

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

最新文章

热门文章