vue兼容ie9以上包括ie9的做法（不断完善中）

已于 2022-09-06 14:33:19 修改
阅读量928 收藏
点赞数
分类专栏： Vuejs 文章标签： 前端 javascript vue.js
于 2022-05-24 14:24:17 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42066070/article/details/124944068
版权

与政府部门合作的项目基本都要兼容ie，因为他们的电脑基本只装ie，其他的插件也只适配到ie，所以需要处理ie的兼容。

兼容ie主要分两个步骤：1.搭建项目前的配置 2.开发过程中的兼容处理

一、搭建项目前的配置

这个搭建的主要方式，我在另外一篇文章中已经详细介绍了，vue如何兼容ie的安装

跳转的地址可以点这个：vue搭建项目的配置

项目中的public文件夹里的index.html添加一些兼容

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=EDGE" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,IE=IE11">
  <meta http-equiv="X-U
了解本专栏 订阅专栏 解锁全文 超级会员免费看
sunyin.liu
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
订阅专栏
vue2兼容ie9浏览器
10-31
vue2兼容ie9浏览器
Vue兼容ie9的问题全面解决方案
08-27
主要介绍了Vue兼容ie9的问题全面解决方案，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
浏览器相关兼容问题解决方案
accumulate_的博客
11-19 654
vue2.5+版本兼容IE9 （vue只支持IE8以上版本） IE9版本兼容： ES6兼容 在 ie9 的环境上，es6 的部分新对象、表达式，并不支持，解决方案是使用 babel-polyfill 组件，它可以将 es6 的代码翻译成低版本浏览器可以识别的 es5 代码 npm i babel-polyfill --save-dev 安装完成后，在项目的主入口文件 main.js 的首行就可以直接引用 import ‘babel-polyfill’; 在项目使用 vue-cli 生成的代码中，根目录有一个
Vue兼容IE9
Flowering_Vivian的博客
09-23 201
1.首先npm install –save babel-polyfill 2.然后在main.js中的最前面引入babel-polyfill import 'babel-polyifll' 3.在index.html 加入以下代码（非必须） <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 4.在webpack.base.conf.js中,修改编译配置 entriy:{ app:['babel-polyfill
Vue 兼容 ie9 的全面解决方案
weixin_33842328的博客
06-13 631
前言 背景情况 vue - 2.5.11 vue-cli 使用模板 webpack-simple http请求：axios Vue 官方对于 ie 浏览器版本兼容情况的描述是 ie9+，即是 ie9 及更高的版本。经过测试，Vue 的核心框架 vuejs 本身，以及生态的官方核心插件（VueRouter、Vuex等）均可以在 ie9 上正常使用。 ...
Vue 后台管理类项目兼容IE9+
织网的博客
08-12 356
Vue 后台管理类项目兼容IE9+ 最近项目进入到了第三方集成的环节，集成第三方监控非要用IE，咋办？老板让我将后台管理系统的框架兼容下IE，一直都是在chrome下开发的，也不知道IE下是什么鬼。 目前后台管理系统前端搭建方式 目前系统是用vue-cli@2.0生成的，UI框架使用的是iview,ajax请求使用的是axois,此外就没有什么特殊的npm包了。 需要解决的兼容问题 经过自己的一番测试，目前主要有以下的兼容问题: 在IE下由于没有promise，所以axios不能用了； 在涉及到fle
Vue 后台管理类项目兼容IE9+的方法示例
12-11
老板让我将后台管理系统的框架兼容下IE，一直都是在chrome下开发的，也不知道IE下是什么鬼。 目前后台管理系统前端搭建方式 目前系统是用vue-cli@2.0生成的，UI框架使用的是iview,ajax请求使用的是axois,此外就没有...
Vue兼容ie9
yiyueqinghui的博客
11-27 585
Vue兼容ie9 babel-polyfill 兼容ie9 1.1 安装babel-polyfill npm install babel-polyfill --save 1.2 在main.js中配置引入 import 'babel-polyfill' 1.3 修改webpack.base.conf.js配置 entry:{ app:['babel-polyfill', ...
vue2.0 兼容ie9及其以上
weixin_34032621的博客
12-10 770
vue官方的意思是vue项目可以在ie8以上的ie版本中运行 但其实使用vue-cli构建的项目也还是不能在ie8【ie9,ie10,ie11】以上的版本中运行 下面就来讲vue如何在ie8以上ie版本中运行 1.安装 babel-polyfill cnpm install babel-polyfill --save-dev 2.在项目...
Vue 兼容 ie9 的解决方案
weixin_43990297的博客
03-15 1609
Vue 兼容 ie9 的全面解决方案 一、兼容IE主要是从以下几个方面考虑 es6语法兼容 Number对象es6新方法兼容 requestAnimationFrame方法兼容 axios Promise兼容 axios cors兼容 Vue 官方对于 ie 浏览器版本兼容情况的描述是 ie9+，即是 ie9 及更高的版本。经过测试，Vue 的核心框架 vuejs 本身，以及生态的官方核心插...
vue 解决ie9的兼容问题
u010227042的博客
04-06 355
当vue遇见ie9的时候，部署到服务器之后，打开居然是一片空白，vue是支持ie9的，这个时候就需要来一波兼容了 参考尤大的解答 https://github.com/vuejs-templates/webpack/issues/260 1 2 首先npm install –save babel-polyfill 然后在main.js中的最前面引入babel-polyfill import 'babel-polyifll' 在index.html 加入以下代码（非必须） <meta htt.
vue兼容ie9-11
青阳的博客
12-07 1820
vue项目兼容ie,采用core-js的方式，安装core-js：3.0以上版本 采用vue-cli脚手架，vue-cli3.0开始默认会安装core-js3.0的版本
Vue2.x 和 jQuery2.x 适配兼容 IE9+总结
小草莓的博客
02-10 2097
Vue2.x 和 jQuery2.x 适配兼容 IE9+总结
vue-cli axios ie9 问题
weixin_30405421的博客
12-25 702
vue在ie9中碰到的问题 最近我们的项目选择用vue来做开发，在这个过程我们还要兼容ie9这个坑，在这里我写一点我碰到的坑 开发选用：vue+vue-cli+axios+router+iview+mock 首先我们按照步骤来安装vue-cli创建项目运行 npm install npm run dev 1 2 然后我们在ie9下打开发现没有用但是vue官网告...
vue兼容ie9及其以上
Huang_CY的博客
10-22 1597
项目背景: 首先，根据官网示例vue是不支持IE8及以下版本,所以此次项目也就只需要兼容ie9,在这期间花费了一些时间处理这个问题,这里在这里记录一下都有哪些问题 vue -2.5.2 element-ui -2.9.1 http请求 -axios( 0.19.0 ) 1.安装babel-polyfill(解决ie项目打不开问题 ) npm install babel-...
Vue项目兼容IE9（MD.9）
夏尔的小酒馆
09-07 4201
问题：Vue项目用了axios,vuex以及ES6语法等一系列看起来很高大上的新技术后，在IE9-11浏览器直接白屏。 原因：IE对ES6语法支持极差，IE也不支持promise，vuex,axios都依赖promise。 解决方案： 1.首先解决es6语法不兼容的问题，用bable转换成es5（不是es2015），执行安装命令 cnpm install --save-dev ba...
vue2.7兼容ie9
最新发布
05-10
Vue 2.7.x 版本是不支持 IE9 的，因为它使用了 ECMAScript 6 (ES6) 的语法和一些新的 API，而 IE9 只支持 ES5 和部分 ES6 语法。如果要在 IE9 上使用 Vue，可以尝试使用 Vue 1.x 版本或者使用 polyfill 库来支持 ES6 API。另外，建议尽可能升级浏览器版本以获得更好的性能和安全性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

sunyin.liu

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值