Comment résoudre l'invite d'incompatibilité de vue ie8

Solutions incompatibles avec Vue ie8 : 1. Utilisez "babel-polyfill" pour convertir la syntaxe ES6 en ES5 ; 2. Introduisez "es6-promise" ; 3. Invitez à mettre à niveau le navigateur ou transmettez "(function(w){ if(! ("WebSocket" dans w&&2===w.WebSocket.CLOSING)){...}" il suffit de passer à la mise à niveau.

L'environnement d'exploitation de ce tutoriel : système Windows 10, Vue version 3, DELL G3 ordinateur

invite d'incompatibilité vue ie8, comment résoudre ?

Un moyen simple de résoudre le problème de compatibilité de Vue avec les navigateurs de version inférieure

Vue ne prend pas en charge IE8 et versions antérieures car Vue utilise des fonctionnalités ECMAScript 5 que IE8 ne peut pas émuler . Mais il prend en charge tous les navigateurs compatibles avec ECMAScript 5. La prise en charge du navigateur est requise lors de l'utilisation de Vuex et axios, et IE ne prend pas en charge Promise

Conseil : si le projet doit prendre en charge les utilisateurs d'IE, il n'est pas recommandé de le construire. avec Vue. Comment utiliser Vue pour prendre en charge plus de versions de navigateur ?

Méthode 1. Babel-polyfill simule ES2015+

Utilisez babel-polyfill pour convertir la syntaxe ES6 en ES5 et simuler l'ensemble de l'environnement ES2015+. Vous pouvez utiliser la méthode Promise et WeakMap. Array.from, Object.assign, Array.prototype.includes

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

Méthode 2, es6-promise prend en charge Promise

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

Conseil : bien que ces polyfills répondent à certains besoins, ils augmentent virtuellement la taille du projet

Méthode. 3. , Conseils pour les navigateurs en version basse

La compatibilité avec les navigateurs en version basse est une chose très douloureuse en soi, le navigateur IE est fondamentalement devenu une chose du passé si trop de travail est fait pour être compatible avec ces navigateurs. , ce sera vraiment un problème. C'est du gaspillage.

C'est aussi une bonne idée de rappeler aux utilisateurs de mettre à jour leur navigateur. Site Web recommandé : Happy Browsing : fournit les téléchargements courants du navigateur, y compris l'index public dans le projet VUE. code vers le fichier html :

Invite à mettre à jour le navigateur

(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));

Saut direct

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

De manière générale, il y a fondamentalement très peu d'utilisateurs d'IE à l'heure actuelle, et il n'est pas nécessaire d'être compatible avec les utilisateurs d'IE Faire beaucoup de compromis. Peut-être que forcer les utilisateurs à mettre à jour leur navigateur est un bon choix

Apprentissage recommandé : "

Tutoriel vidéo vue

"

.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!