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 相关文章推荐
超级简单的图片防盗(HTML),好用
Apr 08 Javascript
textarea的value是html文件源代码,存成html文件的代码
Apr 20 Javascript
jQuery使用andSelf()来包含之前的选择集
May 19 Javascript
同一个网页中实现多个JavaScript特效的方法
Feb 02 Javascript
js实现网页定位导航功能
Mar 07 Javascript
ReactNative踩坑之配置调试端口的解决方法
Jul 28 Javascript
js与jQuery实现的用户注册协议倒计时功能实例【三种方法】
Nov 09 jQuery
js replace 全局替换的操作方法
Jun 12 Javascript
Vue实现移动端页面切换效果【推荐】
Nov 13 Javascript
js实现删除li标签一行内容
Apr 16 Javascript
JS多个异步请求 按顺序执行next实现解析
Sep 16 Javascript
vue 计算属性和侦听器的使用小结
Jan 25 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
亚洲咖啡有什么?亚洲咖啡产地介绍 亚洲咖啡有什么特点?
2021/03/05 新手入门
PHP漏洞全解(详细介绍)
2012/11/13 PHP
php广告加载类用法实例
2014/09/23 PHP
thinkPHP导出csv文件及用表格输出excel的方法
2015/12/30 PHP
PHP十六进制颜色随机生成器功能示例
2017/07/24 PHP
关于使用 jBox 对话框的提交不能弹出问题解决方法
2012/11/07 Javascript
js简单实现点击左右运动的方法
2015/04/10 Javascript
jQuery左侧大图右侧小图焦点图幻灯切换代码分享
2015/08/19 Javascript
理解Angular数据双向绑定
2016/01/10 Javascript
JavaScript仿商城实现图片广告轮播实例代码
2016/02/06 Javascript
微信页面弹出键盘后iframe内容变空白的解决方案
2017/09/20 Javascript
jQuery简单实现向列表动态添加新元素的方法示例
2017/12/25 jQuery
iview Upload组件多个文件上传的示例代码
2018/09/30 Javascript
ES6 Promise对象的应用实例分析
2019/06/27 Javascript
Vue列表循环从指定下标开始的多种解决方案
2020/04/08 Javascript
react使用antd表单赋值,用于修改弹框的操作
2020/10/29 Javascript
Python实现判断一个字符串是否包含子串的方法总结
2017/11/21 Python
python实现俄罗斯方块游戏
2020/03/25 Python
python中redis查看剩余过期时间及用正则通配符批量删除key的方法
2018/07/30 Python
python3获取url文件大小示例代码
2019/09/18 Python
django orm模块中的 is_delete用法
2020/05/20 Python
Python实现一个简单的递归下降分析器
2020/08/01 Python
Right-on官方网站:日本知名的休闲服装品牌
2019/07/12 全球购物
Calphalon美国官网:美国顶级锅具品牌
2020/02/05 全球购物
关键字throw与throws的用法差异
2016/11/22 面试题
知识竞赛主持词
2014/03/26 职场文书
婚礼答谢礼品
2015/01/20 职场文书
钱塘江大潮导游词
2015/02/03 职场文书
美术教师个人总结
2015/02/06 职场文书
2015年话务员工作总结
2015/04/29 职场文书
志愿者服务活动总结报告
2015/05/06 职场文书
行政诉讼答辩状
2015/05/21 职场文书
关于python中readlines函数的参数hint的相关知识总结
2021/06/24 Python
dubbo集成zipkin获取Traceid的实现
2021/07/26 Java/Android
关于Vue中的options选项
2022/03/22 Vue.js
Python turtle编写简单的球类小游戏
2022/03/31 Python