-
2020-07-11 14:25:47
一、说明背景
vue主要采用了ES6 Promise,我们知道的,在 JavaScript 中,所有代码都是单线程的,也就是同步执行的。而 Promise 就为异步编程提供了一种解决方案。
二、解决方案
1、采用 babel-polyfill 进行转换语法。
2、安装babel-polyfill
npm install -S babel-polyfill
3、main.js 引入babel-polyfill
import 'babel-polyfill'
注意:babel-polyfill 默认会把node_modules 进行过滤出来(这就是很多引入了babel-polyfill还是不能解决兼容性问题的根本原因)
三、还未解决看下面的操作
1、当你的语法比较规则的时候,可能按照上面的就可以兼容IE8以上了。
2、报错 SCRIPT1006: 缺少 ')'
- 打开IE F12
- 如上图提示app.js 12104行报错。点击进入查看。
更多相关内容 - 打开IE F12
-
Vue 后台管理类项目兼容IE9+的方法示例
2020-12-11 04:05:28老板让我将后台管理系统的框架兼容下IE,一直都是在chrome下开发的,也不知道IE下是什么鬼。 目前后台管理系统前端搭建方式 目前系统是用vue-cli@2.0生成的,UI框架使用的是iview,ajax请求使用的是axois,此外就没有... -
详解vue 兼容IE报错解决方案
2020-10-17 14:05:18主要介绍了详解vue 兼容IE报错解决方案,详细的介绍了几种原因及其解决方案,非常具有实用价值,需要的朋友可以参考下 -
vue 为什么不支持 IE8 及其以下版本
2017-10-24 18:13:37因为 Vue.js 使用了 IE8 不能模拟的 ECMAScript 5 特性。 但具体是哪些特性呢? Object.defineProperty() 该方法允许精确添加或修改对象的属性。一般情况下,我们为对象添加属性是通过赋值来创建并显示在属性...*官方给出的解释是:
因为 Vue.js 使用了 IE8 不能模拟的 ECMAScript 5 特性。
但具体是哪些特性呢?
Object.defineProperty()
该方法允许精确添加或修改对象的属性。一般情况下,我们为对象添加属性是通过赋值来创建并显示在属性枚举中(for…in 或 Object.keys 方法),但这种方式添加的属性值可以被改变,也可以被删除。而使用 Object.defineProperty() 则允许改变这些额外细节的默认设置。例如,默认情况下,使用 Object.defineProperty() 增加的属性值是不可改变的。
在 vue 源码中搜索 “Object.defineProperty” :
可以看到有 5 个匹配的地方,也就是说 vue 中有 5 处使用了 “Object.defineProperty()”。
搜索的版本是: Vue.js v1.0.26
Object.defineProperty()的浏览器支持情况:
可以看出支持情况是 IE9 及以上。所以…
【2018-11-07更新】
vue 官方有对这个的说明:
---------------------------(正文完)------------------------------------
一个 Vue 的学习交流群,想进来面基的,可以点击这个logo,或者手动search群号:685486827
写在最后: 约定优于配置-------软件开发的简约原则.
-------------------------------- (完)--------------------------------------我的:
个人网站: https://neveryu.github.io/neveryu/
Github: https://github.com/Neveryu
新浪微博: https://weibo.com/Neveryu更多学习资源请关注我的新浪微博…
-
vue 兼容IE8
2021-12-17 14:40:26可vue官网直接说了不兼容IE8,可真是让人头大。 没办法,谁让客户是上帝呢,只能想办法解决了,经过各种百度,最终决定用avalon2去解决。 在这里我就不贴代码告诉大家怎么做了,就把需要用的参考文档贴出来,方便...前端时间用vue做了一个提交申请单的功能,客户开始是说要兼容IE,IE可以之后,又说要兼容到IE8。可vue官网直接说了不兼容IE8,可真是让人头大。
没办法,谁让客户是上帝呢,只能想办法解决了,经过各种百度,最终决定用avalon2去解决。
在这里我就贴一些修改基础,不贴代码告诉大家怎么做了,就把需要用的参考文档贴出来,方便大家查阅吧。
new vue ----------->avalon.define
el:----------->$id
id='xxx'----------->ms-controller='xxx'
v-model----------->ms-duplex
v-for----------->ms-for
v-show----------->ms-attr-visivle
v-if----------->ms-if
:style----------->ms-css
:disabled-----------> ms-attr-disabled
:checked ----------->ms-attr-checked
https://www.cnblogs.com/rubylouvre/p/3181291.html#top10https://www.cnblogs.com/rubylouvre/p/3181291.html#top10
https://www.cnblogs.com/rubylouvre/p/3181291.html#top10https://www.bootcdn.cn/avalon.js/https://www.bootcdn.cn/avalon.js/
https://www.bootcdn.cn/avalon.js/http://avalonjs.github.io/index2.html#home.htmlhttp://avalonjs.github.io/index2.html#home.html
http://avalonjs.github.io/index2.html#home.htmlhttps://www.cnblogs.com/vajoy/p/4063824.htmlhttps://www.cnblogs.com/vajoy/p/4063824.html
https://www.cnblogs.com/vajoy/p/4063824.html
-
vue3.0项目不兼容ie浏览器问题
2020-12-14 15:25:16本人也是菜逼一枚,目前问题还未得到解决,有大佬有解决方法可以给我指点一下谢谢,目前了解到就是ie不兼容proxy,如果要兼容ie得放弃vue3的proxy,我想了想v3放弃proxy还用v3的意义何在,所以当场放弃了ie浏览器 ...最近新项目想用vue3.0写一下,感觉v3的语法结构便于管理和阅读,vite的编译速度也很快,反正就是香,赶紧创了个项目试了一下,在测兼容性环节发现竟然不支持ie浏览器,连ie11也不行,在网上找了一圈解决方案试了一下都不行,最后找群里划水的大佬问了一下
本人也是菜逼一枚,目前问题还未得到解决,有大佬有解决方法可以给我指点一下谢谢,目前了解到就是ie不兼容proxy,如果要兼容ie得放弃vue3的proxy,我想了想v3放弃proxy还用v3的意义何在,所以当场放弃了ie浏览器
附上群里大佬的解决方案(没测试过):https://www.npmjs.com/package/es6-proxy-polyfill
-
Vue兼容ie9的问题全面解决方案
2021-01-19 19:14:08Vue 官方对于 ie 浏览器版本兼容情况的描述是 ie9+,即是 ie9 及更高的版本。经过测试,Vue 的核心框架 vuejs 本身,以及生态的官方核心插件(VueRouter、Vuex等)均可以在 ie9 上正常使用。 Vue 的作者尤雨溪对于... -
快速解决vue2+vue-cli3项目ie兼容的问题
2021-01-18 17:38:59刚写好的项目在谷歌能打开,ie打不开,需要处理兼容问题 先根据这篇文章修改 详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决 如果没有其他问题是可以了的,下面是我代码中出现的其他问题导致页面无法显示或者... -
vue2.x遇到ie11不兼容的坑
2021-06-25 05:24:36有个b端项目,使用vue2.x搭建,在ie11 浏览器打开网页显示空白,控制台提示'语法错误'、'不支持defineProperty...'、'无法获取未定义或 null 引用的属性“call”'等等。不支持defineProperty...这个问题可能是浏览器... -
Vue网页html转换PDF(最低兼容ie10)的思路详解
2020-12-09 02:16:341.页面底层实现——Vue:最低兼容ie10 2.实现思路: 1> 使用html2canvas.js将网页转换为图片 2> 使用jsPdf.debug.js将canvas生成的图片转换为pdf文件 具体实现: 要这样实现首先要引入两个插件: ... -
vue-cli3.0兼容IE浏览器
2021-02-26 13:43:03因为项目中一些功能用到了IE的ocx组件部分,必须在IE环境下运行,按正常vue支持来说,IE8+应该是支持的,可能ES6写法需要进行兼容,我的项目就是在IE中无法打开,空白,也报一些 未定义什么的错误。 为了解决这个... -
vue自定义浏览器滚动条(兼容大部分浏览器含ie)_vue tree组件 下拉滚动条
2021-01-09 19:19:29vue自定义浏览器滚动条(已兼容ie) -
关于vue4.5CLI不兼容ie的解决办法?
2021-06-04 15:33:39尝试了网上各种方案以及@babel/preset-env 都不行</p> -
vue如何完美兼容ie
2022-08-01 09:07:59虽然马上要摈弃ie的使用,但是在现阶段还是在某些场景下需要用到ie,那如何才能在vue中兼容ie呢首先在main.js引入。 -
高拍仪兼容ie和谷歌的vue 实现方式
2022-04-14 18:10:36解决高拍仪ie上打开空白页的bug。兼容ie10,ie11 和主流浏览器。 采用插件方式实现。需要插件的可以联系我。 这个页面已经封装好了。购买后有任何问题可以私信我。 -
vue2.0+element兼容IE
2020-04-23 14:50:28vue+element兼容IE vue兼容IE10 -
对Vue为什么不支持IE8的解释之一
2019-05-11 15:43:00在JavaScript对象中有一个Object.defineProperties(obj, props)方法 该方法主要用来给指定...对象中存在的属性描述符主要有两种:数据描述符和访问器描述符具体描述符有以下几个: configurable: true 当且仅当该... -
Vue项目兼容IE11
2021-01-22 17:00:02使用的是vue-typescript-admin-template项目(vue-cli3脚手架搭建)进行改造的,但在IE11下面出现各种语法错误,下面将解决方法记录下来,供大家参考。 下面是错误截图: 语法错误: Promise 错误 polyfill ... -
详解Vue iview IE浏览器不兼容报错(Iview Bable polyfill)
2020-10-17 13:38:38主要介绍了Vue iview IE浏览器不兼容报错的决绝方法,由于Iview编译使用到了es6的一些新特性,但是在IE中不支持ES6的新特性,本文就介绍一下如何解决这些问题 -
vue兼容IE
2022-02-18 18:37:41一、安装:npm install --save babel-polyfill; 二、配置:module.exports = { entry: [“babel-polyfill”, “./src/main.js”] }; 三、main.js中配置:import ‘babel-polyfill’ //放在最顶部...presets:["@vue/cl -
vue ie8 兼容方案
2018-10-18 15:45:30项目的最后上线,客户提出必须要兼容IE8 最后的最后,只能寻求解决兼容方案了。在先用的双向绑定的框架中,我选用了avalon2 avalon2是一款基于虚拟DOM与属性劫持的 迷你、 易用、 高性能 的 前端MVVM框架, 拥有超... -
Vue CLI3 bable兼容ie11ie10
2021-05-26 11:14:39Vue CLI3不兼容IE11打开空白报错SCRIPT1003: 缺少 ‘:‘ 1、安装依赖 cnpm i @babel/polyfill -S 2、入口文件 main.js 引入依赖 import '@babel/polyfill'; 3.修改 babel.config.js module.exports = { presets: ... -
vue2.x+vue-cli 解决兼容IE问题
2019-07-01 18:37:28最近用vue-cli搭建了一个管理后台项目,发现在win7的IE10-11下打开是空白的,win10的edge和chrome等其他浏览器都没有问题,因为vue官网告诉我们它是兼容ie9的,后来想了一下可能是es6的一些新特性IE浏览器不支持导致... -
Vue项目不兼容IE浏览器问题
2019-07-14 19:58:09非常简单,只需要两步就能解决: 1、 安装插件babel-polyfill npm install --save-dev babel-polyfill ...2、在你的VUE项目的src目录下找到main.js 添加下面一行代码: import 'babel-polyfill' ... -
解决VUE项目ES6不兼容IE浏览器问题
2021-01-05 10:50:021、 安装插件babel-polyfill ...2、在你的VUE项目的src目录下找到main.js 添加下面一行代码: //解决IE浏览器ES6的问题 import 'babel-polyfill'; 3.最后,重新打开浏览器,应该就能兼容打开页面了。 ... -
Vue项目不兼容ie浏览器的解决办法
2020-12-14 17:48:25Vue项目兼容IE浏览器 安装babel-polyfill npm install babel-polyfill --save-dev 或者 cnpm install babel-polyfill --save-dev 然后在入口main.js文件引入:import ‘babel-polyfill’ 我是用了官方脚手架vue-cli... -
vue项目系统兼容IE浏览器问题以及解决方案
2022-05-16 10:19:40系统兼容IE浏览器问题以及解决方案 ...vue 只兼容ie8以上版本; IE 不兼容 axios的promiss对象; IE 不兼容es6语法; 解决方案 下载对应插件包解决js兼容性问题:babel-polyfill,es6-promise以及 babel-plugin- -
vue2.x+vue-cli 彻底解决兼容IE问题(只支持IE8以上)
2019-03-13 14:45:48npm方式 npm install babel-polyfill -D 在代码入口文件 顶端 加入 ...entry:['babel-polyfill','./main....IE8不识别 vue.js 中的: var extendsFrom = child.extends; // 报错缺少标识符 xp系统最高只支持IE8