如何在vue框架中兼容IE

IE目前已经放弃了自己的独特化,正一步步迎入互联网的主流怀抱。但迫于有用户存在,还是要兼容到IE8,9, 以上。

下面聊一下如何在vue框架中兼容IE

1.首先在index.html

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">    // 添加请求meta

2. 安装npm install babel-cli --save

3.在webpack.base.conf.js 配置

entry: {
    app: ['babel-polyfill', './src/main.js']      // 在入口文件上进行修改,引入此插件,基本上可以使用大部分新的vue语法。
  },

4. 如果发现有图片没正常显示,或者样式稍微错乱

它把图片转化成了bese64, 设置图片百分比,外层盒子的宽度px。不建议使用rem.

 

posted @ 2019-07-24 17:37  Panax  阅读(4872)  评论(0编辑  收藏  举报