兼容性问题"/>
处理vue的ie兼容性问题
处理vue的ie兼容性问题
网上搜了各种的处理vue兼容ie的问题,解决办法有很多,有如下:
解决方法:
1、安装babel-polyfill包;
npm install babel-polyfill --save-dev
安装完之后,在package.json文件中显示
2、在main.js文件中引入babel-polyfill;
3、在webpack.base.config.js中将entry中的app: './src/main.js’配置改为:app: [‘babel-polyfill’, ‘./src/main.js’];
这样配置之后,重新打包上传,就可以在IE浏览器下正常显示了。
引文:.html
以上能够处理系统后台的兼容问题,另外,HTML页面在ie上的兼容,可能会出现promise未定义的情况,这是网上也有各种处理办法,可参考.html
方法一(与上述方法同):
1.原因是Vue使用了ES6 Promise的问题,而IE浏览器不支持,解决方法是:使用babel-polyfill转换安装命令代码。
npm install --save-dev babel-polyfill
2.使用vue-cli项目在webpack.config.js中添加以下代码
在webpack.base.config.js中将entry中的app: './src/main.js’配置改为:app: [‘babel-polyfill’, ‘./src/main.js’];
方法二:
1.解决IE不显示内容代码,在需要兼容的代码添加即可
添加这行代码在head里<meta http-equiv="X-UA-Compatible" content="IE=edge">
2.如果出现语法不支持,比如 includes , 那么使用 babel-polyfill 解决方法代码:
npm install babel-polyfill --save-dev
3.main.js中引入 babel-polyfill 对象方法代码:引入后就兼容了。
import ‘babel-polyfill’
方法三:
按照以上方法,均不能解决我遇到的问题,结果最终,只需要在我需要兼容的那个HTML文件的head中引入下面这行script就可以解决promise未定义的问题了。
<script src=".3.5/bluebird.min.js"></script>
更多推荐
处理vue的ie兼容性问题
发布评论