vue ie8 不相容提示怎麼解決

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

#本教學操作環境：Windows10系統、Vue 3版、DELL G3電腦

vue ie8 不相容提示怎麼解決？

解決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 環境。可以使用Promise 和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瀏覽器已經基本成為過去時了，如果再為了相容這些瀏覽器做過多的工作的話，實在是一種浪費。######提示用戶升級瀏覽器也是一個不錯方法。推薦網站：快樂瀏覽。######快樂瀏覽：提供常用的瀏覽器下載，包括Google、火狐、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=&#39;<div style="width:100%;height:100px;font-size:20px;line-height:100px;text-align:center;background-color:#E90D24;color:#fff;margin-bottom:40px;">\u4f60\u7684\u6d4f\u89c8\u5668\u5b9e\u5728<strong>\u592a\u592a\u65e7\u4e86</strong>\uff0c\u592a\u592a\u65e7\u4e86 <a target="_blank" href="http://browsehappy.osfipin.com/" style="background-color:#31b0d5;border-color: #269abc;text-decoration: none;padding: 6px 12px;background-image: none;border: 1px solid transparent;border-radius: 4px;color:#FFEB3B;">\u7acb\u5373\u5347\u7ea7</a></div>&#39;;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));

######綜合來講，目前IE使用者基本上已經很少了，沒有必要為了相容IE用戶做出很多妥協。或許強制用戶升級瀏覽器是不錯的選擇。 ######推薦學習：《###vue影片教學###》###

以上是vue ie8 不相容提示怎麼解決的詳細內容。更多資訊請關注PHP中文網其他相關文章！