vue兼容IE浏览器、对低版本IE下的友好提示

yarn babel-polyfill

npm install babel-polyfill --save-dev

然后在main.js文件导入，切记要在最前面引入不然可以会报promise错误

import  'babel-polyfill';

 

 

 这样做我发现低版本的ie浏览器还是没法友好提示，可以像我这样优化一下，在public下的index.html加上以下代码就好了

<!-- 判断低版本IE -->

<script>

(function() {

  var isIE = function(ver) {

    var b = document.createElement("b");

    b.innerHTML = "<!--[if IE " + ver + "]><i></i><![endif]-->";

    return b.getElementsByTagName("i").length === 1;

  };

  if (isIE(6) || isIE(7) || isIE(8) || isIE(9)) {

    alert(

      "不支持低版本IE浏览器，请在谷歌、火狐、Edge、360极速模式等浏览器打开！"

    );

  }

})();

</script>