Vue+ElementUI適應IE瀏覽器

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

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下修改配置項：

4.1 第一種辦法

webpack.base.conf.js下修改

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

4.2 第二種辦法

webpack.base.conf.js下修改

resolve('node_modules/element-ui/src'),resolve('node_modules/element-ui/package/input/src')

5. 重新運行程序，一定要重新運行

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

總結

以上是生活随笔為你收集整理的Vue+ElementUI 关于兼容浏览器的问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。