解决vue <router-link>在IE与火狐上点击失效（路由不跳转）问题

小程序：扫一扫查出行
【扫一扫了解最新限行尾号】
复制小程序

<router-link to="/GoAbroad">

</router-link>

vue中的<router-link>这种声明式的路由方式在IE与火狐中有时会出现失效问题（目前我还不知道是什么原因导致的），但是我把这种声明式的方式换成编程式的方式就没有问题里，也就是下面这种：

<button class="btn-card" @click="link1">
刷卡登录
</button>

methods: {
link1 () {
this.$router.push({ name: 'Login' })
},
link2 () {
this.$router.push({ name: 'IdLogin' })
}
},

解决vue <router-link>在IE与火狐上点击失效（路由不跳转）问题的更多相关文章

vue点击实现路由的跳转
点击按钮实现路由的跳转 <div @click="gotoMenu">按钮</div> 实现跳转 methods: { gotoMenu(){ //跳转到上 ...
Vue router link
html: <router-link to="test">Go to Foo</router-link> <router-link to=" ...
vue router 修改title（IOS 下动态改变title失效）
在ios下app 设置document.title = "titleName" 失效,原因是在IOS webview中网页标题只加载一次,动态改变是无效的. 在路由配置中添加 ...
vue router 中，children 中 path 为空字符串的路由，是默认打开的路由（包括在 el-tabs 中嵌套路由的情况）
详见该页面的最后一个代码块:https://router.vuejs.org/zh/guide/essentials/nested-routes.html#%E5%B5%8C%E5%A5%97%E8% ...
[Vue 牛刀小试]：第十四章 - 编程式导航与实现组件与 Vue Router 之间的解耦
一.前言在上一章的学习中,通过举例说明,我们了解了 Vue Router 中命名路由.命名视图的使用方法,以及如何通过 query 查询参数传参,或者是采用 param 传参的方式实现路由间的参数传 ...
Vue Router的导航解析过程
在我没读官方的vue router文档之前,我怎么也没想到路由的解析过程竟然有12步. 12步如下: 导航被触发. 在失活的组件里调用离开守卫beforeRouteLeave . 调用全局的 befo ...
Vue Router详细教程
1.什么是路由 1.1路由简介说起路由你想起了什么?路由是一个网络工程里面的术语. 路由(routing)就是通过互联的网络把信息从源地址传输到目的地址的活动. --- 维基百科额,啥玩意? 没听 ...
01-路由跳转安装less this&period;&dollar;router&period;replace(path) 解决vue/cli3&period;0语法报错问题
2==解决vue2.0里面控制台包的一些语法错误. https://www.jianshu.com/p/5e0a1541418b 在build==>webpack.base.conf.j下注释掉 ...
vue router&period;push(),router&period;replace(),router&period;go()和router&period;replace后需要返回两次的问题
转载:https://www.cnblogs.com/lwwen/p/7245083.html https://blog.csdn.net/qq_15385627/article/details/83 ...

随机推荐

c&num;根据绝对路径获取带后缀文件名、后缀名、文件名
zz C#根据绝对路径获取带后缀文件名.后缀名.文件名 1.c#根据绝对路径获取带后缀文件名.后缀名.文件名. string str =" F:\test\Default.aspx& ...
memcached源码安装（linux和windows）
如果是在windows环境下编译安装,我这边是基于cygwin或msys2方式安装cygwin环境,http://www.cnblogs.com/skey_chen/p/5765179.html 安 ...
Platform SDK、Windows SDK简介
Platform SDK及Windows SDK是由微软公司出品的一个软件开发包,向在微软的Windows操作系统和.NET框架上开发软件和网站的程序员提供头文件.库文件.示例代码.开发文档和开发工具 ...
SpringMVC从一个controller跳转到另一个controller
return "redirect:……路径……"; @RequestMapping(value = "/index", method = RequestMeth ...
使用 CSS3 打造一组质感细腻丝滑的按钮
CSS3 引入了众多供功能强大的新特性,让设计和开发人员能够轻松的创作出各种精美的界面效果.下面这些发出闪亮光泽的按钮,很漂亮吧?把鼠标悬停在按钮上,还有动感的光泽移动效果. 温馨提示:为保证最佳的效 ...
007&period; 自定义ListBox的item的宽高, 字体居中
/// <summary> /// 自定义ListBox的item的宽高, 字体居中 /// </summary> /// <param name="sende ...
PHP截取中文字符串方法总结
<?php @header('Content-type: text/html; charset=UTF-8'); $arr = "sa撒的发dfa多少sfd看sdf得12上24飞452 ...
[CSS3]环形进度条
来源:https://codepen.io/eZ0/pen/eZXNzd 点击上面链接有源码有示例. .ko-progress-circle { width: 120px; height: 120px ...
Android RadioGroup中设置默认选中RadioButton 后,选中两个的问题解决方法
项目中遇到多个RadioGroup中单选RadioButton ,设置了默认选中第一个 . 然后就能选中两个RadioButton . . .. 我开始这样给设置默认选中一个的: for (int ...
将web项目导入到eclipse中常见错误
将web项目导入到eclipse中常见错误错误1:string cannot be resolved to a type 原因:这种情况一般是因为你的JDK版本没有设置好,或者设置的有不一致的 ...