经过cdn引入的vue.js项目 在ie中不兼容

vue项目在ie浏览器中不兼容。总共有两个问题:一、样式不兼容,采用的是flex布局 。 二、vue代码在ie中不生效。javascript

解决办法:html

一、flex布局在ie中不生效,是由于ie默认是低版本或者是在页面中明确选择的是ie9(ie9不支持flex),在header头中加入一下代码便可解决。vue

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

二、vue在ie中不生效,一是浏览器版本太低,而是ie不支持ecs6语法,须要修改对应的语法。好比报错:java

2.1  把ecs6语法:=> 修改为functiones6

2.2  SCRIPT1003: 缺乏 ':' 。须要把  getList(){} 改为getList: function(){}chrome

2.3 "ReferenceError: “Promise”未定义"  。直接在头部加入:promise

<script type="text/javascript" src="https://cdn.staticfile.org/es6-promise/4.1.1/es6-promise.auto.min.js"></script>
<script id="sns" type="text/javascript" src="http://www.zgxmall.com/html/js/browser.min.js"></script>
相关文章
相关标签/搜索