1. 支持ES6新语法,安装babel-polyfill
IE不支持es6语法
npm install --save babel-polyfill
# 或者(下同)
yarn add babel-polyfill
// 修改之前
entry: {
app: ./src/main.js
},
// 修改后
entry: {
app: [babel-polyfill, ./src/main.js]
},
import babel-polyfill
2. IE10以下,iview的日期组件无法选择
兼容dataset,ie10及以下不支持dataset,而iview的transfer-dom.js使用了这个属性
方法一:安装element-dataset
yarn add element-dataset
import ElementDataset from element-dataset
ElementDataset()
方法二
if (window.HTMLElement) {
if (Object.getOwnPropertyNames(HTMLElement.prototype).indexOf(dataset) === -1) {
Object.defineProperty(HTMLElement.prototype, dataset, {
get: function () {
var attributes = this.attributes // 获取节点的所有属性
var name = []
var value = [] // 定义两个数组保存属性名和属性值
var obj = {
} // 定义一个空对象
for (var i = 0; i < attributes.length; i++) {
// 遍历节点的所有属性
if (attributes[i].nodeName.slice(0, 5) === data-) {
// 如果属性名的前面5个字符符合"data-"
// 取出属性名的"data-"的后面的字符串放入name数组中
name.push(attributes[i].nodeName.slice(5))
// 取出对应的属性值放入value数组中
value.push(attributes[i].nodeValue)
}
}
for (var j = 0; j < name.length; j++) {
// 遍历name和value数组
obj[name[j]] = value[j] // 将属性名和属性值保存到obj中
}
return obj // 返回对象
}
})
}
}
3. 支持promise
IE不支持promise
yarn add es6-promise
import promise from es6-promise
promise.polyfill()
4. ie9不支持placeholder属性
yarn add ie-placeholder
import ie-placeholder