今天小編給大家分享一下vue ie8不兼容提示如何解決的相關知識點，內容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

成都創(chuàng)新互聯(lián)公司長期為上千家客戶提供的網(wǎng)站建設服務，團隊從業(yè)經(jīng)驗10年，關注不同地域、不同群體，并針對不同對象提供差異化的產品和服務；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為藤縣企業(yè)提供專業(yè)的網(wǎng)站制作、成都網(wǎng)站制作，藤縣網(wǎng)站改版等技術服務。擁有十載豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

vue ie8不兼容的解決辦法：1、用“babel-polyfill”將ES6的語法轉成ES5；2、引入“es6-promise”；3、提示升級瀏覽器或者通過“(function(w){if(!("WebSocket"in w&&2===w.WebSocket.CLOSING)){...}”直接跳轉升級即可。

解決Vue兼容低版本瀏覽器的簡單方法

Vue 不支持 IE8 及以下版本，因為 Vue 使用了 IE8 無法模擬的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的瀏覽器。使用Vuex和axios時需要瀏覽器支持：Promise，而IE并不支持Promise。

Tip：如果項目需要支持IE用戶，不建議使用Vue構建。

如何使用Vue支持更多的瀏覽器版本？

方法一、babel-polyfill 模擬ES2015+

要用 babel-polyfill 來將 ES6 的語法轉成ES5，模擬整個 ES2015+ 環(huán)境?？梢允褂肞romise 和WeakMap，方法Array.from，Object.assign ，Array.prototype.includes。

npm install --save babel-polyfill
require("babel-polyfill");
import "babel-polyfill";

方法二、es6-promise 支持 Promise

npm install es6-promise
require('es6-promise').polyfill();

Tip:雖然這些polyfill 滿足了一些需求，但無形中增加了項目的大小。

方法三、低版本瀏覽器提示

兼容低版本瀏覽器本身就是一件很痛苦的事情，同時IE瀏覽器已經(jīng)基本成為過去時了，如果再為了兼容這些瀏覽器做過多的工作的話，實在是一種浪費。

提示用戶升級瀏覽器也是一個不錯方法。推薦網(wǎng)站：快樂瀏覽。

快樂瀏覽：提供常用的瀏覽器下載，包括谷歌、火狐、360瀏覽器等。在VUE項目中的public\index.html文件里添加如下Js代碼：

提示升級瀏覽器

(function(w){if(!("WebSocket"in w&&2===w.WebSocket.CLOSING)){var d=document.createElement("div");d.className="browsehappy";d.innerHTML='
\u4f60\u7684\u6d4f\u89c8\u5668\u5b9e\u5728\u592a\u592a\u65e7\u4e86\uff0c\u592a\u592a\u65e7\u4e86 \u7acb\u5373\u5347\u7ea7
';var f=function(){var s=document.getElementsByTagName("body")[0];if("undefined"==typeof(s)){setTimeout(f,10)}else{s.insertBefore(d,s.firstChild)}};f()}}(window));

直接跳轉

(function(w){if(!("WebSocket"in w&&2===w.WebSocket.CLOSING)){w.location.replace("http://browsehappy.osfipin.com/");}}(window));

以上就是“vue ie8不兼容提示如何解決”這篇文章的所有內容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學習更多的知識，請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。