非脚手架，vue项目兼容ie方法

最新推荐文章于 2024-07-12 11:54:02 发布
最新推荐文章于 2024-07-12 11:54:02 发布
阅读量996 收藏
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45122120/article/details/105656878
版权

 主要用babel这个js，可以去这个网址下载

https://github.com/babel/babel-standalone/releases

 按照正常得引用方式引用即可

<script src="./static/js/babel.min.js"></script>

另外还需要修改script标签的type类型

<script type="text/babel">


</script>

通过这2步就可以兼容ie了，不过vue只能兼容ie9+

Web_阿凯
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue当前浏览器是否为ie_详解vue 兼容IE报错解决方案
weixin_39900045的博客
12-19 385
IE 页面空白报错信息此时页面一片空白报错原因Babel 默认只转换新的 JavaScript 语法(如箭头函数)，而不转换新的 API ，比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等新的对象或者方法。例如 Promise 、新的原生方法如 String.padStart (left-pad) 等。为了解决这个问题，我们...
非脚手架vue兼容IE和360兼容模式方法
laoli360的博客
04-01 1493
哎 今天麻了 用非脚手架的vue和el-ui来写页面 结果发现 不兼容ie浏览器 这里我通过百度 确认了几种方法但是都没有实现 最后实现的就是 Releases · babel/babel-standalone · GitHub 通过这个链接 下载 babel 来进行设置 第一步先下载 下载min版本的 轻量 然后 第二步 <script src="./js/babel.min.js"></script> 引入后 第三步 在你要写JavaScri...
vue如何完美兼容ie
qq_38818429的博客
08-01 4815
虽然马上要摈弃ie的使用，但是在现阶段还是在某些场景下需要用到ie，那如何才能在vue中兼容ie呢首先在main.js引入。
vue2项目解决IE、360浏览器兼容问题
最新发布
weixin_40057800的博客
07-12 417
【代码】vue2项目解决IE、360浏览器兼容问题。
vue项目IE兼容问题及处理方案
zby18638890018的博客
09-21 3086
vue项目IE兼容问题及处理方案
关于vue项目在IE11上遇到的兼容性问题
qq_43340606的博客
06-07 992
2. Access-Control-Allow-Headers 列表中不存在请求标头 authorization。网上方案: Access-Control-Allow-Headers 的值去掉空格, 需要后端配合处理一下。解决: 在vue.config.js中配置transpileDependencies属性。1. chunk-vendors.js语法错误。分析: sockjs-client包的语法错误。
vue项目兼容 edge和ie
github_38469586的博客
06-27 2300
vue项目 edge和ie打开都空白，有时还会报错； 方法如下： 1、安装babel-polyfill， npm install babel-polyfill --save 2、在main.js里引入， import 'babel-polyfill' 一定要在最上面引入 3、vue.config.js require('babel-polyfill') module.exports 里添加： transpileDependencies: [ 'iview', 'axios', ]
Vue 后台管理类项目兼容IE9+的方法示例
12-11
最近项目进入到了第三方集成的环节，集成第三方监控非要用IE，咋办？老板让我将后台管理系统的框架兼容下IE，一直都是在chrome下开发的，也不知道IE下是什么鬼。 目前后台管理系统前端搭建方式 目前系统是用vue-cli@...
vue脚手架搭建项目的兼容性配置详解
12-12
使用vue-cli搭建项目，面临着解决ie兼容性问题(ie9+)，因为ie浏览器并不支持es6语法等。 首先安装babel-polyfill，解决ie不支持promise对象的问题 npm install --save-dev babel-polyfill 安装成功之后,在main.js...
快速解决Vue项目在IE浏览器中显示空白的问题
12-08
然而，由于历史原因，Internet Explorer（IE）浏览器对某些现代JavaScript语法不支持，导致基于Vue构建的项目在IE上可能无法正常运行，出现页面空白的情况。本文将详细解析这个问题的原因，并提供解决方案。 首先，...
Vue 2.0在IE11中打开项目页面空白的问题解决
12-09
然而，由于Internet Explorer 11（IE11）浏览器对新特性的支持不足，开发者在使用Vue 2.0进行开发时可能会遇到兼容性问题，导致在IE11中打开项目页面出现空白的情况。本篇文章将详细讨论如何解决这个问题。 问题的...
VUE项目IE11兼容问题及处理方案
wushijuewu
05-11 8532
一、现状 近些年，随着移动端的发展，前端技术也发生了翻天覆地的变化，尤其是ECMAScript标准的不断升级，从es2015一直到最新的es2021，各种各样的前端javascript的特性被定义和推广，各个浏览器的厂商为了市场占比和用户体验的提升也在进行着一轮一轮的优化升级，目前的主流浏览器已经支持大部分的es2015的特性。在面向c端用户，移动作为主流的今天，PC端的C端用户量及使用频率都在急剧萎缩，但是对于面向PC端的B端用户为主的站点，移动化似乎无法替代PC。这里面仍然牵涉着很多兼容性问题，尤其是
Vue项目不兼容IE浏览器问题
Boboy
07-14 942
非常简单，只需要两步就能解决： 1、 安装插件babel-polyfill npm install --save-dev babel-polyfill 2、在你的VUE项目的src目录下找到main.js 添加下面一行代码： import 'babel-polyfill' ...
vue项目兼容ie（页面空白、报错、不请求接口）
一只蠢村花的博客
03-29 4085
一、ES6和axios兼容 Vue 的核心框架 vuejs 本身，以及官方核心插件（VueRouter、Vuex等）均可以在 ie9 上正常使用。但axios和es6是基于promise的，ie不兼容promise，所以需要安装插件将语法转换成ie可以识别的。 下载 babel-polyfill，执行npm install babel-polyfill --save 然后在main.js中的最前...
关于vue项目在IE浏览器不兼容问题
qq_40731891的博客
05-26 2552
这是我第一次写博客，有不合适的地方请大神哥哥，神仙姐姐多多指点；不在矫情了，直接步入主题。 关于vue项目在IE浏览器不兼容解决方案网上有很多。但是，说的太简单了，我通过大量百度和实践从新整理一下： 1.安装babel-polyfill 插件 npm install --save-dev babel-polyfill 或者 npm install babel-polyfill --save-dev 或者 npm install babel-polyfill -D 2.在s...
解决vue不兼容ie浏览器的方法
weixin_30781433的博客
06-25 388
1.原因是Vue使用了ES6 Promise的问题，而IE浏览器不支持，解决方法是:使用babel-polyfill转换安装命令代码。 2 2.使用vue-cli项目在webpack.config.js中添加以下代码 END 方法二： 1.解决IE不显示内容代码 ...
vue2兼容IE浏览器遇见的问题
qq_37990751的博客
09-26 6695
vue2兼容IE浏览器遇见的问题
vue项目遇到的兼容性问题解决（IE）
小菜鸟的博客
10-16 6430
记录一下之前项目所遇到的兼容性问题 项目用的是https协议 前端用的是Vue全家桶+elementUI框架搭成 问题一：之前项目只能在chrome上正常使用 在火狐 IE浏览器上显示空白 火狐直接阻拦了跨域请求 找了半天原因，火狐浏览器是不能跨域请求的 会直接拦截请求操作，所以我就设置了proxy代理，这只是解决开发环境上的跨域问题，生产环境上还需要设置nginx代理（目前还没做到Nginx这里，后续做了再做详细的记录） // 修改config/index.js 设置代理 proxyTable: .
vue-router中children使用方法
热门推荐
前端菜鸡的博客
10-20 3万+
children的使用场景：比如页面左侧显示菜单，右侧显示不同菜单下的内容，类似如下element网站，那么右侧部分的内容就是当前页面的children 存在如下场景，点击导航一跳转至页面1，导航二跳转页面2，且页面1中存在子页面 路由js如下： const routes = [{ path: '/', name: 'Home', component: Home, children: [{ path: '/page1', name: '..
vue2项目兼容ie
04-03
Vue.js是一款流行的JavaScript框架，用于构建用户界面。Vue 2.x版本在兼容IE浏览器方面存在一些问题，但可以通过一些方法来解决。 首先，需要确保你的Vue项目使用的是Vue 2.x版本。然后，可以按照以下步骤进行兼容IE的处理： 1. 使用Babel进行转译：Babel是一个广泛使用的JavaScript编译器，可以将ES6+的代码转换为兼容IE的ES5代码。在Vue项目中，可以使用Babel来转译你的代码。通过配置Babel的插件和预设，可以将Vue的语法和特性转换为兼容IE的代码。 2. 引入polyfill：Polyfill是一段代码，用于在旧版本浏览器中实现缺失的功能。在Vue项目中，可以使用一些polyfill库来填充IE浏览器缺失的功能，例如core-js和babel-polyfill。通过引入这些polyfill库，可以确保Vue项目在IE浏览器中正常运行。 3. 避免使用不兼容的特性：在编写Vue项目时，需要避免使用一些不兼容IE的特性或语法。例如，避免使用箭头函数、模板字符串等ES6+的语法，以及一些不支持的CSS属性等。可以通过查阅Vue官方文档或相关资源来了解哪些特性需要避免使用。 4. 进行测试和调试：在完成上述步骤后，建议在IE浏览器中进行测试和调试，以确保项目在IE浏览器中的兼容性。可以使用IE浏览器的开发者工具进行调试，查看是否有报错或异常情况。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值