vue的IE兼容性问题

最新推荐文章于 2024-08-19 15:13:02 发布

时霗

最新推荐文章于 2024-08-19 15:13:02 发布

阅读量725

点赞数

文章标签： vue html javascript elementui

本文链接：https://blog.csdn.net/time___flies/article/details/115512056

版权

本文探讨了Vue.js在IE浏览器中遇到的兼容性问题，包括加载空白页、el-table滚动条卡顿以及日期控件显示异常。通过使用sessionStorage替代localStorage，调整el-table的z-index以及升级element-ui版本，可以有效解决这些问题。

摘要由CSDN通过智能技术生成

文章目录

vue的IE兼容性问题
参考

vue的IE兼容性问题

最近的项目需要兼容IE浏览器，下面是兼容IE遇到的一些问题

1.其他浏览器正常，IE加载空白页

解决方法：由于IE不支持localStorage，所以使用 sessionStorage 代替 localStorage。

2.IE在对话框使用el-table的滚动条会卡顿

解决方法：在el-table或父元素上设置z-index，或调高z-index （调高z-index,请注意页面弹出框等元素z-index值要比el-table的大，不然会被遮挡）

3.日期控件在IE上赋值无法正常显示

解决方法：经过排查发现如果把 placeholder属性去掉则可以正常赋值显示，并且出现这个bug是element-ui的老版本，最新版本没有问题。

参考

el-table在ie浏览器数据多时卡顿问题
 日期控件在IE上赋值无法正常显示问题<

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

时霗

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

Vue浏览器兼容性问题及解决方案

CodeByte的博客

09-23

1689

在Web开发中，Vue.js是一种流行的JavaScript框架，用于构建交互式的用户界面。为了解决浏览器兼容性问题，我们可以使用运行时版的Vue.js。为了在这些浏览器中使用Vue，我们可以使用Babel来将Vue代码转译为ES5的语法，以提供更好的兼容性。在上面的示例中，我们使用了CDN引入了运行时版本的Vue.js，并创建了一个Vue实例，绑定了一个简单的数据。接下来，我们可以使用Babel来转译Vue代码。在上面的示例中，我们引入了Babel的polyfill和核心库，并使用。

Vue兼容性与解决方法

CodeSpark的博客

10-02

922

Vue.js提供了一个官方的Polyfill库，名为"vue-cli-plugin-babel-polyfill"，你可以将其集成到你的项目中，以提供对旧版IE的兼容性支持。Vue.js提供了一个官方的Polyfill库，名为"vue-cli-plugin-babel-polyfill"，你可以将其集成到你的项目中，以提供对旧版IE的兼容性支持。警告或降级处理：如果你的应用程序对旧版IE的兼容性要求不高，你可以选择在不支持的浏览器上显示警告信息，或者降级到一些基本功能。

参与评论您还未登录，请先登录后发表或查看评论

关于vue项目在IE浏览器不兼容问题

qq_40731891的博客

05-26

2599

这是我第一次写博客，有不合适的地方请大神哥哥，神仙姐姐多多指点；不在矫情了，直接步入主题。关于vue项目在IE浏览器不兼容解决方案网上有很多。但是，说的太简单了，我通过大量百度和实践从新整理一下： 1.安装babel-polyfill 插件 npm install --save-dev babel-polyfill 或者 npm install babel-polyfill --save-dev 或者 npm install babel-polyfill -D 2.在s...

vue3 兼容低版本浏览器Chrome、IE、Firefox

最新发布

Sawiue的博客

08-19

2340

【代码】vue3 兼容低版本浏览器Chrome、IE、Firefox。

前端vue+element ie兼容性问题

weixin_42459543的博客

05-26

5849

1、版本兼容性问题 vue 只兼容ie8以上版本； ie8及以下版本不支持Object.defineProperty方法，但这个是vue实现响应式的所必须的，所以从Vue的源码来看根本就无法支持IE82、IE 不兼容axios的promiss对象; 在项目中使用了ES6 promise对象安装：npm install es6-promise；3、IE 不兼容es6语法； IE不支持ES6语法安装：npm install --save babel-polyfill；配置：module.ex.

vue如何更好的解决浏览器兼容问题

03-02

1412

Vue.js 在开发现代Web应用时，默认只支持最新的浏览器特性，这意味着在旧版或非主流浏览器如IE系列中可能需要额外的工作来确保兼容性。通过上述步骤，可以在Vue项目中有效地解决浏览器兼容性问题。不过请注意，随着Web技术的发展，越来越多的新项目倾向于不再支持非常老旧的浏览器，尤其是IE浏览器，而是推荐用户升级到最新版的主流浏览器。

vue2兼容ie9浏览器

10-31

Vue 2.x 版本在发布时虽然已经具有良好的现代浏览器支持，但对于较旧的浏览器，如Internet Explorer 9（IE9），它可能存在一些兼容性问题。为了确保Vue 2应用在IE9上正常运行，开发者需要采取一些额外的措施。首先...

vue遇到ie兼容问题如何处理_Vue 2.0 解决IE浏览器的兼容性

weixin_31316383的博客

12-30

2603

尽管一些高级浏览器对用 babel 编译后的 Vue 2.0 项目支持得很好，但是 IE 浏览器却还是有所欠缺，本文介绍如何解决 IE11 的兼容性(低版本的IE就忽略吧)。1. 让IE11支持Vue2.0的语法npm 安装 babel-polyfillnpm install --save-dev babel-polyfill在 webpack.base.conf.js 文件中修改 entry，添...

Vue兼容ie9的问题全面解决方案

08-27

然而，在使用 Vue开发项目时，需要考虑到浏览器的兼容性问题，特别是 ie9 及更低版本的浏览器。下面将详细介绍 Vue 兼容 ie9 问题的全面解决方案。一、背景情况 Vue 官方对于 ie 浏览器版本兼容情况的描述是 ie9+...

html引入vue不兼容ie11,Vue在IE11版本浏览器中的兼容性问题

weixin_35679331的博客

07-16

2416

一：Vue 2.x cli1、使用vue2.0的项目在IE11版本浏览器中是空白的或者路由跳转但是而页面显示依旧是上一个路径的页面元素这是因为ie11不支持es6 而我们之前有使用的babel-loader 它仅是将es6的语法转为es5 却不会去转换es6的新属性例如promise 所以此时我们需要使用到babel-polyfill 以下是具体操作方法首先用cnpm 安装...

【vue】浏览器兼容相关

weixin_47351913的博客

08-14

1904

Vue.js 3.x 更加关注现代浏览器，而 Vue.js 2.x 则提供了更广泛的浏览器支持。如果你的应用需要支持较旧的浏览器，可以选择 Vue.js 2.x 或者在 Vue.js 3.x 中使用适当的配置来实现兼容性。Vue.js 是一个流行的前端 JavaScript 框架，它支持构建单页应用和复杂的用户界面。如果你使用的是 Vue CLI 创建的项目，可以通过修改 babel.config.js 文件来配置 Babel 转译规则。使用 Babel 转译 ES6+ 代码。使用 polyfills。

详解Vue Cli浏览器兼容性实践

11-20

浏览器市场占有率在处理浏览器兼容性问题之前，我们先来看一下现在的浏览器市场份额是怎样的，:backhand_index_pointing_down:下面是来自statCounter的数据，基本上覆盖了全世界浏览器市场份额的统计，而且前端er经常使用的caniuse所拉取的浏览器数据就是来自statCounter。世界范围天朝范围 Plus移动端分析从统计数据可以看出，对于国内的PC端浏览器，QQ浏览器以及Sogou的占比还是挺高的，所以在做兼容性处理的时候也需要多考虑这两款浏览器。不过QQ浏览器和Sogou都是封装了Chrome的内核，而它们的更新通常也就是随着Chrome的版本更新而更新，但是这两款浏览器通常不会和Chrome

主流的浏览器与其内核

青山不改，绿水长流。

09-21

4256

microsoft edge”是由微软开发的基于Chromium开源项目即其他开源软件的网页浏览器，该浏览器内置与windows10版本中，支持内置Cortana语音功能，内置了阅读器、笔记和分享功能。，它开源了浏览器的源码，也提供了很多插件，方便了用户的使用，支持Windows平台、Llnux平台和Mac平台。大部分国产的浏览器（qq浏览器，uc浏览器，猎豹浏览器，360浏览器）基本上是在IE浏览器的内核上进行的二次开发。现在国内市场上有许多双内核的浏览器，使用的是trident,webkit内核。

Vue ie兼容性问题

楠之枫雪的博客

02-09

491

1. 处理对ES6新语法不支持安装：npm install --save babel-polyfill；配置：module.exports = { entry: [“babel-polyfill”, “./src/main.js”] }; main.js中配置：import ‘babel-polyfill’ //放在最顶部，确保全面加载 2. 处理对第三方插件不兼容的问题通过控制台查看排查可以指定这里是highlight.js不兼容在vue.config.js中进行处理,然后

vue 浏览器版本兼容问题解决方案

Ann_52547的博客

11-28

2887

（1）Babel：Babel 是一个 JavaScript 编译器，可以将 ES6+ 的语法转换成 ES5 语法，以便支持老旧的浏览器。（3）Vue Compatibility Build：Vue.js 官方提供了专门用于兼容老旧浏览器的构建版本，包含了必要的 polyfills 和补丁。需要注意的是，具体使用哪些依赖项以及配置方式取决于你的项目和目标浏览器支持的版本。Vue版本不兼容:Vue2.6版本是比较老的版本，如果使用的是一些较新的浏览器，可能会出现兼容性问题。vue：Vue.js 的核心库。

vue项目在IE浏览器中的兼容性问题

qq_40535197的博客

05-18

1283

1、安装babel-polyfill： npm install babel-polyfill --save-dev //在main.js中引入babel-polyfill： import 'babel/polyfill' 2、安装es6-promise（为es6实现异步编程） npm install es6-promise --save-dev //在main.js中引入es6-promise import 'es6-promise/auto' 注意：引入的方式有很多种，注意不要重复引入！！（我自己应该就是

vue 项目在ie浏览器的兼容问题

qq_33711116的博客

06-03

594

vue 项目在ie浏览器的兼容问题 vue 只兼容ie8以上版本； IE 不兼容 axios的promiss对象; IE 不兼容es6语法； ES6转ES5 一、关于babel-polyfill 1、说明：This will emulate a full ES2015+ environment and is intended to be used in an application rather than a library/tool. This polyfill is automatically load

vue3网站兼容性问题

04-29

Vue3的网站兼容性问题与之前的版本相比，有了很大的改进。Vue3相对于Vue2来说，更加轻量、性能更高、更易维护，同时还增加了许多新功能。但是，需要注意的是，由于Vue3使用了Proxy特性，因此在一些旧版浏览器上可能...