兼容性问题整理（二）

记被IE浏览器教做人的一天

1.色值格式

IE浏览器不识别AHEX和HEXA格式，支持HEX、RGBA、HSLA格式

2.事件DOM参数

火狐浏览器事件DOM没有path属性

3.location的兼容性

IE浏览器的location对象没有origin属性，得使用protocol和host属性自己拼

4.element-ui中table组件的宽度

IE浏览器中，table宽度有时会无法撑满整个DOM宽（经常会在IE、360等浏览器中遇到）。Table组件有暴露一个doLayout方法，只需要在每次接口请求赋值之后，调用Table组件的此方法即可，但是，需要注意的是，在调用方法之前，得先确保Table组件已渲染完毕

// 这段代码在获取页面数据接口的回调函数中调用
this.dataTable = res.data.arr
this.pagination.total = res.data.total
setTimeout(() => {
    if (this.dataTable.length > 0) {
        this.$refs['refTable'].doLayout()
    }
})