Vue+ElementUI適應(yīng)IE瀏覽器

由于IE瀏覽器的特殊性，在Chrome或其他瀏覽器下編譯好的程序，在IE下需做特殊的處理，所以IE這個(gè)物種的存在，對(duì)前端開發(fā)人員來(lái)說(shuō)特別痛苦，最近在使用ElementUI前端框架開發(fā)項(xiàng)目的過(guò)程中就遇到了IE下顯示不了的問題。現(xiàn)將解決方法記錄如下：

1. 在項(xiàng)目中安裝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下修改配置項(xiàng)：

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. 重新運(yùn)行程序，一定要重新運(yùn)行

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。