Vue 中 a标签上href无法跳转的解决方式


Posted in Javascript onNovember 12, 2019

问题:

使用vue-router 在IE下 a标签里的路由不跳转,火狐,chrome工作正常。

解决:

在App.vue 里增加判断IE浏览器手动修复……

export default {
 name: 'App',
 mounted(){
  function checkIE(){
   return '-ms-scroll-limit' in document.documentElement.style && '-ms-ime-align' in document.documentElement.style
  }
  if (checkIE()) {
   window.addEventListener('hashchange', () => {
    var currentPath = window.location.hash.slice(1);
    if (this.$route.path !== currentPath) {
    this.$router.push(currentPath)
   }
  }, false)
  }
 }
}

以上这篇Vue 中 a标签上href无法跳转的解决方式就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery jqgrid 对含特殊字符json 数据的 Java 处理方法
Jan 01 Javascript
Jquery实现简单的动画效果代码
Mar 18 Javascript
JavaScript window.location对象
Nov 14 Javascript
JQuery操作元素的css样式
Mar 09 Javascript
JavaScript中继承用法实例分析
May 16 Javascript
Js获取图片原始宽高的实现代码
May 17 Javascript
jquery+css3问卷答题卡翻页动画效果示例
Oct 26 Javascript
浅析JS中的 map, filter, some, every, forEach, for in, for of 用法总结
Mar 29 Javascript
详解ES6之用let声明变量以及let loop机制
Jul 15 Javascript
node创建Vue项目步骤详解
Mar 06 Javascript
vue中实现点击空白区域关闭弹窗的两种方法
Dec 30 Vue.js
vue 实现图片懒加载功能
Dec 31 Vue.js
javascript严格模式详解(含严格模式与非严格模式的区别)
Nov 12 #Javascript
vue.js 实现a标签href里添加参数
Nov 12 #Javascript
VUEX 数据持久化,刷新后重新获取的例子
Nov 12 #Javascript
react-native聊天室|RN版聊天App仿微信实例|RN仿微信界面
Nov 12 #Javascript
实现vuex与组件data之间的数据同步更新方式
Nov 12 #Javascript
uni-app自定义导航栏按钮|uniapp仿微信顶部导航条功能
Nov 12 #Javascript
基于vue+uniapp直播项目实现uni-app仿抖音/陌陌直播室功能
Nov 12 #Javascript
You might like
星际争霸兵种名称对照表
2020/03/04 星际争霸
用php+mysql一个名片库程序
2006/10/09 PHP
mysql 查询指定日期时间内sql语句实现原理与代码
2012/12/16 PHP
php数组合并array_merge()函数使用注意事项
2014/06/19 PHP
PHP随机生成信用卡卡号的方法
2015/03/23 PHP
IE event.srcElement和FF event.target 功能比较
2010/03/01 Javascript
jquery实现Ctrl+Enter提交表单的方法
2015/07/21 Javascript
JS+CSS实现仿msn风格选项卡效果代码
2015/10/22 Javascript
第九章之路径分页标签与徽章组件
2016/04/25 Javascript
Javascript函数中的arguments.callee用法实例分析
2016/09/16 Javascript
Web前端开发之水印、图片验证码
2016/11/27 Javascript
基于jQuery实现咖啡订单管理简单应用
2017/02/10 Javascript
使用vue.js写一个tab选项卡效果
2017/03/25 Javascript
深入剖析Express cookie-parser中间件实现示例
2018/02/01 Javascript
浅谈在node.js进入文件目录的问题
2018/05/13 Javascript
react实现同页面三级跳转路由布局
2019/09/26 Javascript
如何在微信小程序中存setStorage
2019/12/13 Javascript
JS实现可视化音频效果的实例代码
2020/01/16 Javascript
vscode 调试 node.js的方法步骤
2020/09/15 Javascript
在Vue中使用Echarts可视化库的完整步骤记录
2020/11/18 Vue.js
Node快速切换版本、版本回退(降级)、版本更新(升级)
2021/01/07 Javascript
Python中用memcached来减少数据库查询次数的教程
2015/04/07 Python
python插入排序算法实例分析
2015/07/03 Python
Python中集合的内建函数和内建方法学习教程
2015/08/19 Python
利用Pyhton中的requests包进行网页访问测试的方法
2018/12/26 Python
Giglio美国站:意大利奢侈品购物网
2018/02/10 全球购物
size?瑞典:英国伦敦的球鞋精品店
2018/03/01 全球购物
一些Solaris面试题
2013/03/22 面试题
毕业生就业推荐信范文
2013/12/01 职场文书
优秀毕业自我鉴定
2014/02/15 职场文书
大学生职业生涯规划书
2014/03/14 职场文书
售房委托书
2014/08/30 职场文书
县政府领导班子“四风”方面突出问题整改措施
2014/09/23 职场文书
交心谈心活动总结
2015/05/11 职场文书
甲午大海战观后感
2015/06/02 职场文书
订货会主持词
2015/07/01 职场文书