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优化尝试小结
Feb 06 Javascript
基于JQuery的模拟苹果桌面Dock效果(稳定版)
Oct 15 Javascript
JS事件在IE与FF中的区别详细解析
Nov 20 Javascript
用js通过url传参把数据从一个页面传到另一个页面
Sep 01 Javascript
详解Layer弹出层样式
Aug 21 Javascript
node.js通过axios实现网络请求的方法
Mar 05 Javascript
微信小程序onLaunch异步,首页onLoad先执行?
Sep 20 Javascript
微信小程序API—获取定位的详解
Apr 30 Javascript
vue中axios的二次封装实例讲解
Oct 14 Javascript
JavaScript中如何调用Java方法
Sep 16 Javascript
交互式可视化js库gojs使用介绍及技巧
Feb 18 Javascript
cypress测试本地web应用
Jun 01 Javascript
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
PHP关于htmlspecialchars、strip_tags、addslashes的解释
2014/07/04 PHP
php短网址和数字之间相互转换的方法
2015/03/13 PHP
PHP输入输出流学习笔记
2015/05/12 PHP
Yii中实现处理前后台登录的新方法
2015/12/28 PHP
Javascript变量函数浅析
2011/09/02 Javascript
JQuery中根据属性或属性值获得元素(6种情况获取方法)
2013/01/17 Javascript
jquery等待效果示例
2014/05/01 Javascript
Node.js中child_process实现多进程
2015/02/03 Javascript
JavaScript中的call方法和apply方法使用对比
2015/08/12 Javascript
js仿黑客帝国字母掉落效果代码分享
2020/11/08 Javascript
javascript与jquery中的this关键字用法实例分析
2015/12/24 Javascript
简单介绍JavaScript数据类型之隐式类型转换
2015/12/28 Javascript
js利用appendChild对标签进行排序的实现方法
2016/10/16 Javascript
Node.js实现mysql连接池使用事务自动回收连接的方法示例
2018/02/03 Javascript
Vue.set()实现数据动态响应的方法
2018/02/07 Javascript
JS canvas绘制五子棋的棋盘
2020/05/28 Javascript
用Python给文本创立向量空间模型的教程
2015/04/23 Python
微信跳一跳辅助python代码实现
2018/01/05 Python
使用requests库制作Python爬虫
2018/03/25 Python
python读取和保存图片5种方法对比
2018/09/12 Python
Python基础学习之类与实例基本用法与注意事项详解
2019/06/17 Python
python Popen 获取输出,等待运行完成示例
2019/12/30 Python
打包PyQt5应用时的注意事项
2020/02/14 Python
Python3 搭建Qt5 环境的方法示例
2020/07/16 Python
Python gevent协程切换实现详解
2020/09/14 Python
Python 打印自己设计的字体的实例讲解
2021/01/04 Python
详解Python调用系统命令的六种方法
2021/01/28 Python
CSS3实现水平居中、垂直居中、水平垂直居中的实例代码
2020/02/27 HTML / CSS
HTML5中的网络存储实现方式
2020/04/28 HTML / CSS
党的群众路线教育实践活动心得体会
2014/03/03 职场文书
关爱留守儿童倡议书
2014/04/15 职场文书
党员干部反四风对照检查材料思想汇报
2014/09/14 职场文书
夫妻双方自愿离婚协议书怎么写
2014/12/01 职场文书
2014年教研工作总结
2014/12/06 职场文书
售房协议书范本
2015/08/11 职场文书
2016年“节能宣传周”活动总结
2016/04/05 职场文书