vue ie8 の非互換性プロンプトを解決する方法

Vue ie8 と互換性のない解決策: 1. "babel-polyfill" を使用して ES6 構文を ES5 に変換します; 2. "es6-promise" を導入します; 3. ブラウザーをアップグレードするか、"(function (w) を渡すように要求します) {if(!("WebSocket" in w&&2===w.WebSocket.CLOSING)){...}" そのままアップグレードに進みます。

vue ie8 の非互換性プロンプトを解決するには?

解決策Vue への以前のバージョンのブラウザと互換性を保つための簡単な方法

Vue を使用してより多くのブラウザ バージョンをサポートする方法

方法 1. 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";

メソッド 2、es6-promise は Promise をサポートします

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

ヒント: これらのポリフィルは満たしていますが、一部のニーズ、それらは目に見えない プロジェクトのサイズが大きくなった

方法 3、下位バージョンのブラウザに関するヒント

下位バージョンのブラウザとの互換性はそれ自体が苦痛であり、IE ブラウザは基本的にこれらのブラウザと互換性を持たせるために多大な労力を費やしすぎると、本当に無駄になります。

これは、ユーザーにブラウザのアップグレードを促す良い方法でもあります。推奨 Web サイト: Happyブラウジング.

ハッピー ブラウジング: Google、Firefox、360 ブラウザなど、一般的に使用されるブラウザのダウンロードを提供します。次の JS コードを VUE プロジェクトの public\index.html ファイルに追加します。

(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 の非互換性プロンプトを解決する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。