The pit that ie9 walked through

html

css
1. The flex layout is not compatible, use float to solve it.
2. The image size can be directly used height: in chrome, and it will be automatically scaled, and width needs to be set in ie9, otherwise the image will be easily deformed.

let and const cannot be used in ie 11 and below
NAN appears on the date control. Problem location: ie cannot resolve "-", use regular replace(/-/g,'/')) to change to "/" to solve.
Some pages fail to load on ie9 (problem location: ie9 cannot recognize console and debugger. After deleting, it will return to normal.)

FormData is undefined

Solution:

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

          }

Solved in 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 => {
      
      })

When the elementUI framework uses the el-autocomplete component, the backspace key deletes the modification, and the original value is still obtained when obtained

Solution: Add backspace keyboard event
```
onDelVal() {
      
      
      var val = document.getElementById('autoInput11').value
      this.keywords = val
 },
```

Follow-up improvement...

The pit that ie9 walked through

Guess you like