Vue在ie10下空白页的debug小记

CarterLi 发布于2019-08-26 11:51 / 2043人阅读

摘要：前几天写的一段，在下一片空白，显示。之，说是最后一项有多余的逗号，例如最后一项不能有逗号检索修正所有文件不表，然而情况依旧。。。继续先前的睿智技巧，终于发现，好几个。。。

前几天写的一段Vue，在ie下一片空白，f12显示script1003: expected :。

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

</>复制代码 
{
  a: 5,
  b: 4, // 最后一项不能有逗号
}

检索修正所有js文件不表，然而情况依旧。。。
没办法了，祭出无敌睿智debug技巧: 全文注释掉，再一行一行解掉注释，终于定位到bug位置: 一个自定义右键菜单的插件(v-contextmenu)有问题。。。

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

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

</>复制代码 
{
  a: 5,
  b: 4, // 这个逗号要删除
}

该插件的export default语法与ie不兼容

</>复制代码 
// 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谁是狗

GPU云服务器云服务器 RDLC报表在IE10下的问题 webrtc在安卓10下无法使用 ie-debug vue10安装

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/107687.html

知识点小记

摘要：箭头函数我们来看一下箭头函数的效果箭头函数是无法通过来修改作用域的这个需要切记。所以切记在需要的时候使用箭头函数。这是一些小问题的记录和总结： 1. vue serve和build 在vue-cli3.0中可以快速的开发原型。通过全局安全@vue/cli-service-global npm i -g @vue/cli-service-global 那么就可以使用vue serve ...

shery 2019-08-23 16:49 评论0 收藏0
JavaScript & jQuery 常用方法小记

摘要：函数节流用途如调整浏览器大小，或者用户输入信息，导致反复提交接口调用方法判断手机端访问获取地址栏参数返回顶部当滚动条的位置处于距顶部像素以下时，跳转链接出现，否则消失当点击跳转链接后，回到页面顶部位置正则检测手机号邮箱 1.JavaScript 函数节流用途：如调整浏览器大小，或者用户输入信息，导致反复提交接口 function throttle(method,context) { ...

codeGoogle 2019-08-21 10:31 评论0 收藏0
使用vue完成微信公众号网页小记

摘要：前言公司最近有一个页面的功能，比较简单的一个调查表功能，嵌套在我们微信公众号里面。同时用到了微信的登录和分享接口。参考链接使用微信接口前端部分我们用微信接口主要是做的登录和分享功能，首先是上微信公众平台上边看看，把权限搞好之后后端配置。 showImg(https://segmentfault.com/img/bVbrOkH); 前言：公司最近有一个H5页面的功能，比较简单的一个调查...

phoenixsky 2019-08-02 16:14 评论0 收藏0
使用vue完成微信公众号网页小记

摘要：前言公司最近有一个页面的功能，比较简单的一个调查表功能，嵌套在我们微信公众号里面。同时用到了微信的登录和分享接口。参考链接使用微信接口前端部分我们用微信接口主要是做的登录和分享功能，首先是上微信公众平台上边看看，把权限搞好之后后端配置。 showImg(https://segmentfault.com/img/bVbrOkH); 前言：公司最近有一个H5页面的功能，比较简单的一个调查...

notebin 2019-08-23 17:11 评论0 收藏0