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 相关文章推荐
Extjs 几个方法的讨论
Jan 28 Javascript
HTML页面滚动时获取离页面顶部的距离2种实现方法
Sep 05 Javascript
js自动生成的元素与页面原有元素发生堆叠的解决方法
Sep 04 Javascript
详细解读JavaScript编程中的Promise使用
Jul 27 Javascript
每日十条JavaScript经验技巧(二)
Jun 23 Javascript
基于jQuery的checkbox全选问题分析
Nov 18 Javascript
jQuery手指滑动轮播效果
Dec 22 Javascript
关于在mongoose中填充外键的方法详解
Aug 14 Javascript
jQuery实现点击下拉框中的值累加到文本框中的方法示例
Oct 28 jQuery
javascript判断一个变量是数组还是对象
Apr 10 Javascript
JavaScript实现身份证验证代码实例
Aug 26 Javascript
JS箭头函数和常规函数之间的区别实例分析【 5 个区别】
May 27 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-CGI进程CPU 100% 与 file_get_contents 函数的关系分析
2011/08/15 PHP
php使用百度翻译api示例分享
2014/01/31 PHP
PHP上传图片时判断上传文件是否为可用图片的方法
2016/10/20 PHP
理解JavaScript中的对象 推荐
2011/01/09 Javascript
jQuery实现页面滚动时层智能浮动定位实例探讨
2013/03/29 Javascript
window.open 以post方式传递参数示例代码
2014/02/27 Javascript
JavaScript function函数种类详解
2016/02/22 Javascript
Node.js刷新session过期时间的实现方法推荐
2016/05/18 Javascript
AngularJs concepts详解及示例代码
2016/09/01 Javascript
jQuery实现移动端手机商城购物车功能
2016/09/24 Javascript
JavaScript简单生成 N~M 之间随机数的方法
2017/01/13 Javascript
jQuery EasyUI Accordion可伸缩面板组件使用详解
2017/02/28 Javascript
判断jQuery是否加载完成,没完成继续判断的解决方法
2017/12/06 jQuery
js实现各浏览器全屏代码实例
2018/07/03 Javascript
node 解析图片二维码的内容代码实例
2019/09/11 Javascript
js函数和this用法实例分析
2020/03/13 Javascript
Vue+penlayers实现多边形绘制及展示
2020/12/24 Vue.js
python批量提取word内信息
2015/08/09 Python
Python在Console下显示文本进度条的方法
2016/02/14 Python
通过5个知识点轻松搞定Python的作用域
2016/09/09 Python
git使用.gitignore设置不生效或不起作用问题的解决方法
2017/06/01 Python
pytorch中的卷积和池化计算方式详解
2020/01/03 Python
html5的websockets全双工通信详解学习示例
2014/02/26 HTML / CSS
详解html5 postMessage解决跨域通信的问题
2018/08/17 HTML / CSS
巴西家用小家电购物网站:Polishop
2016/08/07 全球购物
美国办公用品购物网站:Quill.com
2016/09/01 全球购物
FILA斐乐中国官方商城:意大利运动品牌
2017/01/25 全球购物
荷兰男士时尚网上商店:Suitable
2017/12/25 全球购物
智能旅行箱:Horizn Studios
2018/04/30 全球购物
旅游管理毕业生自荐信
2013/11/05 职场文书
寻找最美家庭活动方案
2014/08/20 职场文书
后备干部推荐材料
2014/12/24 职场文书
企业介绍信范文
2015/01/30 职场文书
小学生学习保证书
2015/02/26 职场文书
导游词范文之颐和园/重庆/云台山
2019/09/10 职场文书
PHP实现两种排课方式
2021/06/26 PHP