vue-浏览器兼容

IE9兼容

1.密码框用不了v-modal，会显示明文

解决方案用ref，直接在代码中使用this.$refs.name.value取得input中的值

2.IE设置cookie，中expire，时间有限

设置超时过期

删除回调地址

3.css进行分割后显示，使用webpack，大小和数量在IE9中都有限制

const ScriptExtHtmlWebpackPlugin = require('script-ext-html-webpack-plugin')

const MiniCssExtractPlugin = require('mini-css-extract-plugin')

const CssSplitWebpackPlugin = require('css-split-webpack-plugin').default

4.火狐浏览器在打包后的报错

可以用webpack检查插件后重新打包

5.在IE9中显示不了页面，是console的时候报错了

解决：

// 兼容IE9 打包 if(!window.console){ window.console={ log:function(msg){}, err:function(msg){} } }

6.针对特定浏览器添加特定的css class

// 针对IE10 IE css hack if(/*@cc_on!@*/false){ document.documentElement.className+=' ie'+document.documentMode; } if(/*@cc_on!@*/true){ document.documentElement.className+=' ie'+document.documentMode; }