我的编程空间,编程开发者的网络收藏夹
学习永远不晚

如何理解Vue在ie10下空白页的debug

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

如何理解Vue在ie10下空白页的debug

如何理解Vue在ie10下空白页的debug,针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

解决过程

baidu、google之,说是json最后一项有多余的逗号,例如

{
 a: 5,
 b: 4, // 最后一项不能有逗号
}

检索修正所有js文件不表,然而情况依旧。。。

没办法了,祭出无敌睿智debug技巧: 全文注释掉,再一行一行解掉注释,终于定位到bug位置: 一个自定义右键菜单的插件(v-contextmenu)有问题。。。

继续先前的睿智debug技巧,终于发现,好几个bug。。。

该插件下,所有对象最后一项都有逗号,导致在ie下不兼容

{
 a: 5,
 b: 4, // 这个逗号要删除
}

该插件的export default语法与ie不兼容(更多关于export default的用法参考这篇文章:https://www.jb51.net/article/108418.htm)

// ie下不支持这种语法
export default {
 bind() {}
}
// 必须在外面定义 function bind() {} 然后
export default {
 bind: bind
}

// 特别告诫,下面这种语法在ie中也是不支持的
export default {
 bind
}

最重要的,这个插件在一个很隐蔽的地方有这么两行代码

if(condition) {
 someArray.push({ a, b })
} else {
 anotherArray.push({ a, b })
}

而{ a, b }这种语法是ie不支持的,必须改成{ a: a, b: b }

一个上午就这么浪费了,你以为我要喷这个插件?我想说,谁用ie谁是狗?

关于如何理解Vue在ie10下空白页的debug问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注编程网行业资讯频道了解更多相关知识。

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

如何理解Vue在ie10下空白页的debug

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

Vue打包后页面出现空白的问题如何解决

这篇文章主要介绍“Vue打包后页面出现空白的问题如何解决”,在日常操作中,相信很多人在Vue打包后页面出现空白的问题如何解决问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”Vue打包后页面出现空白的问题如何解决
2023-06-20

如何消除制作的网页在浏览时下方有多余的空白

本篇内容主要讲解“如何消除制作的网页在浏览时下方有多余的空白”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“如何消除制作的网页在浏览时下方有多余的空白”吧!在使用dreamweaver或者fron
2023-06-08

vue项目在安卓低版本机显示空白如何解决

今天小编给大家分享一下vue项目在安卓低版本机显示空白如何解决的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。vue项目在安卓
2023-07-04

如何解析Hibernate在JSP下的分页技术

这篇文章将为大家详细讲解有关如何解析Hibernate在JSP下的分页技术,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。这是我知道的代码最少且最简洁的一种Hibernate分页技术了,自己懒,所以拼命减少
2023-06-17

Win10计算机资源管理器中的一个空白如何解决

Win10电脑浏览器中一片空白怎么办?近来,许多用户在使用win10系统时都打开了资源管理器,并且没有任何内容空白,那么我们遇到这种情况该怎么解决呢?下面就跟小编一起来了解一下吧。Win10计算机资源管理器中的一个空白如何解决。1.点击"w
2023-07-15

如何解决 织梦dede 在PHP7下 手机端访问列表页出现报错的问题

博客在手机端也做了一套。但是不是响应式的,而是又单独做了一套,是动态访问的。 其实这里的问题和PHP7这个版本升级没有什么关系,只是这个问题在版本升级之后暴露出来了。 在手机端访问列表页面的时候报错PHP Parse error: syn
如何解决 织梦dede 在PHP7下 手机端访问列表页出现报错的问题
2024-02-27

编程热搜

目录