Ie兼容问题记录

最近项目需要 IE 兼容,记一下 遇到的IE 的兼容问题

1 flex 布局 的兼容写法

.compatible(@params, @value) {
      -webkit-@{params}: @value;
      -moz-@{params}: @value;
      -ms-@{params}: @value;
      -o-@{params}: @value;
      @{params}: @value;
    }
.styleDisplay() {
      display: box;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;
}
使用: 
.styleDisplay();
.compatible(justify-content, space-between);

2 IE 兼容的时间 变成 NAN 问题
因为 后台返回的时间格式 为 2020-1-1 格式, 谷歌 new Date() 转换无问题,IE 无法识别 “-” , 需要自己手动去转换成 “/”.

var date="2014-01-01 12:11:12";  
Date.parse(date.replace(/-/g,"/"));  

3 上传图片的路径问题
谷歌不会带有 绝对路径 IE 会带有. 但是自己需要的只是文件名称.所以需要自己进行截取

4 Vue 兼容 ie

1、 安装插件babel-polyfill 

      npm install --save-dev babel-polyfill   

2、在你的VUE项目的src目录下找到main.js

     添加下面一行代码：

     import 'babel-polyfill'

后续有再记录一下

来源：CSDN

作者：才华有限

链接：https://blog.csdn.net/weixin_42935546/article/details/103952890