ie9走过的坑

html

css
1.flex布局不兼容，使用float解决。
2.图片大小在chrome中可以直接使用height:,会自动缩放，ie9中还需要设置width，否则图片容易变形。

js

• let 和 const 不能再ie 11及以下版本中使用

• 日期控件出现 NAN。问题定位：ie无法解析“-”，使用正则replace(/-/g, ‘/’))改成“/”解决。

• 部分页面在ie9上加载失败（问题定位：ie9无法识别console 和 debugger 。删除后恢复正常。）

• FormData 未定义

  解决办法：

   		 var fd = {}
            if (typeof FormData == 'undefined') {
              var obj = {
                wotnbr: _this.wotnbr, 
              }
              fd = JSON.stringify(obj)
            } else {
              fd = new FormData()
              fd.append('wotnbr', _this.wotnbr)
  
            }
  

  axios 中解决

    var obj1 = {
        
        
            wotnbr: _this.searchForm.wotnbr,
            docid: item.docid,
            doctype: item.doctype,
            addtype: 0,
            userid: _this.searchForm.userid,
            username: _this.searchForm.username
          }
          axios.put(
          this.httpBase + 'wotpack/wotpack',
           qs.stringify(obj1), 
           {
        
         headers: {
        
         'Content-Type': 'application/x-www-form-urlencoded' }})
        .then(res => {
        
        })
  

• elementUI 框架使用el-autocomplete组件时，退格键删除修改，获取时还是原来的值

  解决办法： 添加退格键盘事件
  

  onDelVal() {
        
        
        var val = document.getElementById('autoInput11').value
        this.keywords = val
   },
  

后续完善中…