Vue+ElementUI適應IE瀏覽器


由於IE瀏覽器的特殊性,在Chrome或其他瀏覽器下編譯好的程序,在IE下需做特殊的處理,所以IE這個物種的存在,對前端開發人員來說特別痛苦,最近在使用ElementUI前端框架開發項目的過程中就遇到了IE下顯示不了的問題。現將解決方法記錄如下:

PS:ElementUI環境的搭建,請移步:https://www.cnblogs.com/zwliang/p/9840351.html

1.在項目中安裝babel-polyfill,npm install --save babel-polyfill

2.在index.html里面加上:<meta http-equiv="X-UA-Compatible" content="IE=edge" />

3.在main.js里面加入    import 'babel-polyfill'

4.webpack.base.conf.js下修改配置項:

module.exports = {
  context: path.resolve(__dirname, '../'),
  entry: {
    app: ["babel-polyfill", "./src/main.js"]
  }

.....}
5.重新運行程序  重新運行程序   重新運行程序 重要的事情說三遍,一定要重新運行

然后用IE瀏覽器訪問程序,顯示正常。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM