經過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>
相關文章
相關標籤/搜索