swiper ie11版本兼容调整

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-swiper": "^2.6.7",

使用ie11可以正常访问，轮播图功能失效，导致图片垂直排列

查看vue-awesome-swiper文档
发现在语法和导包上有区别，例Local Registration

import { Swiper, SwiperSlide, directive } from 'vue-awesome-swiper'// import style (>= Swiper 6.x)
import 'swiper/swiper-bundle.css'// import style (<= Swiper 5.x)
import 'swiper/css/swiper.css'export default {components: {Swiper,SwiperSlide},directives: {swiper: directive}
}// import style (<= Swiper 3.x)
import 'swiper/dist/css/swiper.css'
export default {components: {swiper,swiperSlide}
}

盲点注意：组件字母大小写区别
5.x ： Swiper, SwiperSlide
3.x ：swiper, swiperSlide

swiper ie11版本兼容调整相关推荐

html引入vue不兼容ie11,Vue在IE11版本浏览器中的兼容性问题
一:Vue 2.x cli1. 使用vue2.0的项目在IE11版本浏览器中是空白的或者路由跳转但是而页面显示依旧是上一个路径的页面元素这是因为ie11不支持es6 而我们之前有使用的bab ...
eaysUI版本兼容问题
感谢各位大神关于这个问题的研究: 关于Easyui和JQuery的版本兼容IE8的问题记录 1,最后支持IE8及以下版本的是JQuery1.9 2,最后支持IE8及以下的Easyui是1.3.2,其对 ...
Android 12的行为变更和版本兼容思路
一年一度的产品线兼容活动又开始了.Android系统每更新一次系统,对开发者而言都是持续而漫长的挑战. 自15年6.0的兼容以来,每年给公司产品线app做版本兼容,成了我每年的保留节目-- 结束完产品 ...
FastAdmin扩展PHPEXCEL，PHP7.3高版本兼容问题
THINKPHP扩展PHPEXCEL与PHP7.3高版本兼容问题框架:THINKPHP5,PHPEXCEL版本:1.81 无法导出EXCEL原因为Shared/OLE.php第290行使用conti ...
解决Linux动态库版本兼容问题
说道"动态库版本兼容",很多人头脑中首先蹦出的就是"Dll Hell".啊,这曾经让人头疼的难题.时至今日,这个难题已经很好地解决了. 在进一步讨论之前来思 ...
mysql ef6 您的项目引用了最新版_您的项目引用了最新实体框架；但是，找不到数据链接所需的与版本兼容的实体框架数据库 EF6使用Mysql的技巧...
转载至: http://www.cnblogs.com/Imaigne/p/4153397.html 您的项目引用了最新实体框架:但是,找不到数据链接所需的与版本兼容的实体框架数据库 EF6使用Mys ...
Material Designer的低版本兼容实现（五）—— ActivityOptionsCompat
extends:http://www.cnblogs.com/tianzhijiexian/p/4087917.html 本文是对API中的方法做了介绍,如果想要看如何让这些方法兼容4.x或2.x可以 ...
SSM整合时Maven项目的pom.xml版本兼容的代码备份
场景 jdk:1.8 Tomcat:7.0 本地mysql:8.0 Eclipse:Eclipse Jee Photon Spring:4.3.8 AOP:1.8.0 mybatis:3.3.0 My ...
Material Designer的低版本兼容实现（一）—— 简介目录
很长一段时间没写东西了,其实是因为最近在研究Material Designer这个东西,熬夜熬的身体也不是很好了.所以就偷懒没写东西,这回开的这个系列文章是讲如何将Material Designer在 ...

swiper ie11版本兼容调整

swiper ie11版本兼容调整相关推荐

最新文章

热门文章