一:Vue 2.x cli1、 使用vue2.0的项目在IE11版本浏览器中是空白的 或者路由跳转但是而页面显示依旧是上一个路径的页面元素 这是因为ie11不支持es6 而我们之前有使用的babel-loader 它仅是将es6的语法转为es5 却不会去转换es6的新属性 例如promise 所以此时我们需要使用到babel-polyfill 以下是具体操作方法
首先用cnpm 安装babel-polyfill npm install --save-dev babel-polyfill
然后在webpack.base.conf.js 文件中修改 module.exports 中的entry,添加 babel-polyfill: app: ['babel-polyfill', './src/main.js']
然后再main.js中直接引入: import 'babel-polyfill' 最好放在第一个引入
完成上述一系列操作之后,在IE11浏览器中重新跑下项目,你就会发现,你辛苦做的页面出现了!
如果还没出现 不妨检查一下 看看自身项目中是否还有其它使用了es6却没有添加在babel-loader转化配置中的 例如保存静态文件的文件夹static 则需要:
另外引入的一些组件也可能存在这方面的问题 找到并添加进去就ok了 到这里ie11的兼容基本上就差不多了 接下来谈谈我自己项目中遇到的其它问题 欢迎探讨
2、vue v-model绑定computed的问题 在Chrome中是支持v-model直接绑定computed值的 但是在ie11中 计算属性中必须有get属性 例如:
如果无需v-model绑定 可以直接采用:value绑定computed 则无需改造computed
3、在ie11浏览器中访问网页 最好使用ip地址访问 localhost时不时会出现