Vue项目使用vue-awesome-swiper无法兼容IE浏览器

最新推荐文章于 2023-05-26 10:33:12 发布
最新推荐文章于 2023-05-26 10:33:12 发布
阅读量3.9k 收藏 1
点赞数
文章标签： vue 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46000790/article/details/103480119
版权

Vue项目使用vue-awesome-swiper无法兼容IE浏览器

1.卸载现有项目所依赖的swiper插件，手动安装

npm install --save-dev swiper@2.6.7

2.第一步操作完成之后应该可以在IE正常显示了，但样式和效果可能会出现问题，这是由于swiper5/4和swiper的用法略有差异。

详情参阅官方文档(https://www.swiper.com.cn/api/index.html)

在这里插入图片描述

虚怀若谷的老胡
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用Vue-Awesome-Swiper实现旋转叠加轮播效果&平移轮播效果
12-12
当时用的是vue-cli-3 + ant-design-vue实现的页面，发现ant-design-vue里头有现成的Carousel组件可用，由于排期比较急，先暂时用这个实现了第一版，没有特效没有其他花里胡哨的展示。验收完第一版后，发现ant-design...
解决swiper3.0版本在IE浏览器不兼容问题以及VUE箭头函数在IE浏览器里面不兼容
sunnyboysix的博客
08-08 5844
VUE箭头函数在IE浏览器不兼容 myArray.forEach(=>{ ..................... }     把=>改成function（xxx） IE不支持很多VUE的写法，自己可以参考一下ES6   swiper3.0版本在IE上兼容性很差的，公司最新的项目用了3.0的swiper在谷歌浏览器上OK，但是到了IE  9 10 11就没办法正常显...
vue-awesome-swiper报错
sinat_32017511的博客
08-05 693
这两天的一个个人项目里用到vue-awesome-swiper 这个插件，然后就按照官方局部引入了一下，然后就是一直报这个错， 咋咋都不好使，我也看了网上大家的引入教程，我觉得我引入的也没问题啊，最后今天早上我在看一个教程的时候，鬼使神差的把官方里边引入插件名的 swiper 和 swiperSlide 的手字母大写改成了小写，然后就好使了，就好使了，就这样就好使了........ 官方就这么给的，然后我改成了这样： import { Swiper, SwiperSlide } from..
nuxt.js 中使用vue-awesome-swiper不兼容ie11
Rachel的博客
08-05 1507
问题： 在nuxt.js中使用vue-awesome-swiper 在ie11浏览器下报错，导致页面一片空白
swiper ie11版本兼容调整
m0_37246056的博客
10-16 3618
vue中使用swiper实现轮播图功能，package.json使用版本如下 "swiper": "^5.4.5", "vue-awesome-swiper": "^4.1.1", 在chrome中轮播图功能正常使用，是用ie11访问时，页面加载产生异常<SCRIPT1002: 语法错误> 参考ie 报 SCRIPT1002: 语法错误 将package.json中版本调整 "swiper": "^3.4.2", "vue-awesome-swip
vue在ie中报错，页面空白
weixin_44910510的博客
09-08 204
在ie11中报语法错误，但是用了babel-polyfill插件以后，还是不起作用 1、可能是，某个插件版本过高，不兼容。 2、本项目中用到了vue-awesome-swiper，swiper插件，vue-awesome-swiper4.0以上的版本是不兼容ie的。于是降低到3.1.3版本后，swiper版本要对应的降低到4.0.7的版本。 3、引用的问题，在main.js里面引入 import VueAwesomeSwiper from ‘vue-awesome-swiper’ import ‘swip.
VUE ---swiper轮播图
NDSoumig的博客
05-16 230
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <link rel="stylesheet" href
[问题已处理]前端项目不兼容IE11
爷来辣的博客
04-23 2379
这边有个项目的前端，不支持IE11。 具体情况是仅在IE11下使用域名访问会出现白页，用ip访问不会出现该问题。如下 设置change compatibility view settings里面的设置，将所有勾去掉即可。 也可以打开F12 将Emulation中的Document mode设置为10或者11即可。 ...
基于vue.js轮播组件vue-awesome-swiper实现轮播图
12-03
一般做移动端轮播图的时候，最常用的就是Swiper插件了，而vue.js也有一个轮播组件vue-awesome-swiper，用法跟swiper相似。 1.安装vie-awesome-swiper nam install vue-awesome-swiper --save-dev 2.引用vie-awesome...
vue引入新版 vue-awesome-swiper插件填坑问题
08-28
主要介绍了vue引入新版 vue-awesome-swiper插件填坑问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue轮播图插件vue-awesome-swiper
11-28
Vue-Awesome-Swiper 轮播图插件，可以同时支持Vue.js（1.X ~ 2.X），兼顾PC和移动端，SPA和SSR。 例子 例子 安装设置 安装Install vue-awesome-swiper npm install vue-awesome-swiper --save vue挂载 // import ...
vue项目在IE11中一片空白，报错SCRPT1003，SCRIPT1006
chunchun_H
09-10 722
公司项目用vue写需要兼容IE浏览器，我最近做的两个项目在IE11中都是一片空白，一个是用webpack初始化的，另一个使用vue脚手架初始化的。 1、用webpack初始化的这个项目在IE打开一片空白，且中报错如下图： 一般情况下IE浏览器打开页面空白是js没有加载成功，报错 script1003，根据报错信息定位到是封装的一个组件直接引用了element依赖的ji，而在打包的时候报node_modules的element的js是忽略的，默认下载的是转了ES5后的。 方法1：可以在webpack配置中.
swiper轮播图如何兼容IE
最新发布
weixin_59749798的博客
05-26 657
一般做IE的兼容我用的都是swiper2版本的，大部分游览器和IE都可以使用。但是当我切换到IE10，IE11测试的时候，发现轮播到第二张图片的时候就会停止，从网上也找不到有效的方法。之后去官网看了下，发现官网的demo切换到IE10+也会出现这样的情况，当然把autoplay切换时间切换为true的话可以循环一次，无限循环失效。查资料后感觉最好的方法就是下载两个swiper，一个版本2一个版本4.。swiper2兼容IE8,IE9和其他的游览器！swiper4则是可兼容IE10+之上的！
解决vue-awesome-swiper的4.1.1版本不兼容ie问题
00年女程序员分享自己的学习笔记
02-03 806
使用vue-awesome-swiper的4.1.1版本的组件，并且在main.js中引入，导致整个vue项目都无法在ie中打开。 内网电脑（无法使用npm install）更改版本过程，用外网电脑新创建了一个项目，然后运行npm install vue-awesome-swiper@3.1.3下载完成之后，找到此项目的node_modules然后根据此文件夹文件更改的时间顺序找到刚才下载的文件并且将他们替换内网项目的node_modules的对应文件即可。
Vue 使用swiper4导致ie或手机浏览器打开空白的问题
weixin_34393428的博客
09-15 575
from:https://segmentfault.com/a/1190000015831092在ie下发现就是swiper的不兼容，一加上去ie就不显示了。结果是swiper版本的问题，最新的swiper4在ie中显示就是会出问题，将版本降到3.4.2就可以显示了。同时注意swiper3和4的定义方式以及一些方法有些不一样，要做一些改动。npm install --save-dev swi...
swiper的兼容性（IE、chrome等）
热门推荐
weixin_43074269的博客
06-05 1万+
前几天在开发页面过程中，使用到的swiper插件做轮播图时，遇到了一些问题，chrome、360、QQ浏览器中都能正常显示，在IE10浏览器中显示正常，但是在IE9及以下不能使用。 原因：swiper插件适用于移动端，PC端上面有版本兼容问题，在IE9及以下，使用swiper2的任何版都可以，swiper2 还是很强大的；在IE10以上，以及其他的浏览器，swiper的版本都可以用。所以现在大家在...
swiper6和vue-awesome-swiper4填坑
qq_39208971的博客
08-31 1253
swiper6和vue-awesome-swiper4填坑 今天在 npm 安装swiper和vue-awesome-swiper的时候没指定版本，默认安装了最新的swiper6和vue-awesome-swiper4，然后就出现了各种效果调试不出来，各种报错，折腾了好一会儿 这里总结一下爬坑过程，要想使用vue-awesome-swiper4那就需要配合swiper5来使用，要使用vue-awesome-swiper3那就需要配合swiper4来使用，要使用vue-awesome-swiper3那就需要
swiper 和 vue-awesome-swiper 兼容问题 ios9系统下页面白屏问题
会飞的程序猿
10-14 458
【代码】swiper 和 vue-awesome-swiper 兼容问题 ios9系统下页面白屏问题。
vue项目使用Vue-Awesome-Swiper
04-29
要在 Vue 项目中使用 Vue-Awesome-Swiper，可以先通过 npm 安装： ``` npm install vue-awesome-swiper --save ``` 然后在组件中引入： ```javascript import { swiper, swiperSlide } from 'vue-awesome-swiper'...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值