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 绑定时间实现代码
May 03 Javascript
jQuery将所有被选中的checkbox某个属性值连接成字符串的方法
Jan 24 Javascript
JavaScript+Java实现HTML页面转为PDF文件保存的方法
May 30 Javascript
最简单纯JavaScript实现Tab标签页切换的方式(推荐)
Jul 25 Javascript
jQuery元素属性操作实例(设置、获取及删除元素属性)
Sep 08 Javascript
jQuery Ajax自定义分页组件(jquery.loehpagerv1.0)实例详解
May 01 jQuery
JS中LocalStorage与SessionStorage五种循序渐进的使用方法
Jul 12 Javascript
vue学习教程之带你一步步详细解析vue-cli
Dec 26 Javascript
js阻止默认右键的下拉菜单方法
Jan 02 Javascript
基于vue 开发中出现警告问题去除方法
Jan 25 Javascript
vue-cli构建vue项目的步骤详解
Jan 27 Javascript
jQuery实现移动端图片上传预览组件的方法分析
May 01 jQuery
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
PHP5新特性: 更加面向对象化的PHP
2006/11/18 PHP
PHP开发的一些注意点总结
2010/10/12 PHP
PHP中改变图片的尺寸大小的代码
2011/07/17 PHP
PHP提示Notice: Undefined variable的解决办法
2012/11/24 PHP
PHP CURL CURLOPT参数说明(curl_setopt)
2013/09/30 PHP
PHP文件锁函数flock()详细介绍
2014/11/18 PHP
php列出mysql表所有行和列的方法
2015/03/13 PHP
php如何实现只替换一次或N次
2015/10/29 PHP
详解php与ethereum客户端交互
2018/04/28 PHP
Javascript 学习书 推荐
2009/06/13 Javascript
一步一步制作jquery插件Tabs实现过程
2010/07/06 Javascript
14款NodeJS Web框架推荐
2014/07/11 NodeJs
js验证身份证号有效性并提示对应信息
2015/10/19 Javascript
AngularJS删除路由中的#符号的方法
2016/09/20 Javascript
js前端实现图片懒加载(lazyload)的两种方式
2017/04/24 Javascript
layui前端框架之table表数据的刷新方法
2018/08/17 Javascript
vue2配置scss的方法步骤
2019/06/06 Javascript
[06:01]刀塔次级联赛top10第一期
2014/11/07 DOTA
[02:11]完美世界DOTA2联赛10月28日赛事精彩集锦:来吧展示实力强劲
2020/10/29 DOTA
python数据库操作常用功能使用详解(创建表/插入数据/获取数据)
2013/12/06 Python
Python编程中的文件操作攻略
2015/10/16 Python
Python列表list排列组合操作示例
2018/12/18 Python
网易有道2017内推编程题 洗牌(python)
2019/06/19 Python
python3.6+selenium实现操作Frame中的页面元素
2019/07/16 Python
解决Python对齐文本字符串问题
2019/08/28 Python
python模式 工厂模式原理及实例详解
2020/02/11 Python
详解python3 GUI刷屏器(附源码)
2021/02/18 Python
使用CSS3 制作一个material-design 风格登录界面实例
2016/12/12 HTML / CSS
南威尔士家居商店:Leekes
2016/10/25 全球购物
精致的手工皮鞋:Shoe Embassy
2019/11/08 全球购物
聚美优品恶搞广告词
2014/03/14 职场文书
2014年五四青年节活动方案
2014/03/29 职场文书
人大调研汇报材料
2014/08/14 职场文书
五月的鲜花活动方案
2014/08/21 职场文书
2015秋季田径运动会广播稿
2015/08/19 职场文书
2019年圣诞节祝福语集锦
2019/12/25 职场文书