Bagaimana untuk menyelesaikan gesaan ketidakserasian vue ie8-Soal Jawab bahagian hadapan-php.cn

Bagaimana untuk menyelesaikan gesaan ketidakserasian vue ie8

藏色散人

Lepaskan： 2023-01-29 10:20:08

asal

1727 orang telah melayarinya

Penyelesaian tidak serasi Vue ie8: 1. Gunakan "babel-polyfill" untuk menukar sintaks ES6 kepada ES5; {if(!("WebSocket" in w&&2===w.WebSocket.CLOSING)){...}" Lompat sahaja ke peningkatan.

Bagaimana untuk menyelesaikan gesaan ketidakserasian vue ie8

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi Vue 3, komputer DELL G3

Bagaimana untuk menyelesaikan gesaan ketidakserasian vue ie8

Selesaikan Vue Cara mudah untuk serasi dengan penyemak imbas versi rendah

Vue tidak menyokong IE8 dan ke bawah, kerana Vue menggunakan ciri ECMAScript 5 yang tidak dapat dicontohi oleh IE8, tetapi ia menyokong semua penyemak imbas ECMAScript 5 yang serasi menggunakan Vuex . Apabila menggunakan axios, sokongan penyemak imbas diperlukan: Janji, tetapi IE tidak menyokong Promise

Petua: Jika projek perlu menyokong pengguna IE, tidak disyorkan untuk menggunakan Vue untuk membinanya

Cara menggunakan Vue untuk menyokong lebih banyak lagi

Kaedah 1. Babel-polyfill mensimulasikan ES2015+

Gunakan babel-polyfill untuk menukar sintaks ES6 kepada ES5 dan mensimulasikan keseluruhan persekitaran ES2015+ .daripada, Object.assign, Array.prototype.includes.

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

Salin selepas log masuk

Kaedah 2, es6-promise menyokong Promise

npm install es6-promise
require(&#39;es6-promise&#39;).polyfill();

Salin selepas log masuk

Petua: Walaupun polyfill ini memenuhi beberapa keperluan , tetapi ia hampir meningkatkan saiz projek.

Kaedah 3. Petua untuk penyemak imbas versi rendah

Keserasian dengan penyemak imbas versi rendah adalah sesuatu yang menyakitkan, dan pelayar IE pada dasarnya sudah sama. Ia adalah satu perkara yang sudah lama menjadi satu pembaziran untuk melakukan terlalu banyak kerja untuk serasi dengan penyemak imbas ini

Adalah idea yang baik untuk mengingatkan pengguna untuk meningkatkan penyemak imbas mereka:

Selamat Melayari: Menyediakan muat turun penyemak imbas yang biasa digunakan, termasuk Google, Firefox, Penyemak Imbas 360, dsb. Tambahkan kod Js berikut pada fail publicindex.html dalam projek VUE:

Gesa untuk meningkatkan penyemakan imbas

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

Salin selepas log masuk

Lompat terus

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

Salin selepas log masuk

Secara amnya, pengguna IE semasa Terdapat pada asasnya sangat sedikit, dan tidak perlu membuat banyak kompromi untuk serasi dengan pengguna IE. Mungkin memaksa pengguna untuk menaik taraf penyemak imbas mereka adalah pilihan yang baik.

Pembelajaran yang disyorkan: "

tutorial video vue"

Atas ialah kandungan terperinci Bagaimana untuk menyelesaikan gesaan ketidakserasian vue ie8. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!