html 兼容ie11,前端开发中在IE11下出现的一些兼容性问题（持续汇总）

1、Chrome上能够正常打开网页，可是在IE11上打开一片空白，打开控制台报语法错误，以下图：

点击chunk-vendors.js后发现是vue-baidu-map组件报错，以下图：

缘由：

vue-baidu-map组件可能不兼容IE11。

解决办法:

在vue.config.js增长以下配置便可:css

module.exports = {

transpileDependencies: ['vue-baidu-map']

}

transpileDependencies

Type:Array

Default:[]

默认状况下babel-loader会忽略全部node_modules中的文件。若是你想要经过 Babel 显式转译一个依赖，能够在这个选项中列出来。vue

2、IE11下在登陆页面，当el-button组件设置native-type="submit"后，点击登陆后页面刷新又回到了登陆页面。

缘由：使用submit会默认刷新页面。

解决办法：事件后加.prevent阻止表单默认刷新。ios

登陆

3、css中使用flex:1在IE11下出现高度不能自动充满多余空间。以下图：