Vue使用Swiper踩坑：

时间：2023-04-01 02:03:00 vue.js

Failedtoexecute'getComputedStyle'on'Window':parameter1isnotoftype'Element'我的Swiper定义：

错误提示：看了官方文档发现：保持默认名称class:swiper-容器。修改后：

继续报错，或者那有什么问题。查看GitHub：他说需要一个wrapper，但是我已经定义了一个wrapper，但是名字不是swiper-wraper，后来把类名改回来了。本以为只要定义了外层容器，里面的类名随便写就行，只要符合层次关系即可。最后，改回原来的类名：>最后不会报错：这个东西其实我用过很多次，之前是这样定义的：可以正常运行。

![](imgList[index])

所以我觉得外面的类名是可以修改的，但是wrapper类名是不能修改的，因为即使你在外面改了类名，因为你是通过refs拿到外面的容器，然后初始化Swiper，Swiper仍然认为您的处理是正确的。我觉得外面的容器主要是用来初始化的。类名不需要保留。这与我在中文swiper文档中看到的不同。它说它应该被保留。也许目的是让用户遵守它的规定，防止出错。.:newSwiper(this.$refs.school_swiper,{loop:true,//循环模式选项width:window.innerWidth*1,//pagination:{el:".swiper-pagination",},autoplay:{delay:2000,disableOnInteraction:false,//用户触摸静止后关闭},}));},swiper-slide类名的最后修改不能丢弃。.它还必须添加到幻灯片中。使用slots时，直接在外部组件中定义swiper-slide即可

上一篇：现在的前端框架在谈性能的时候，是在谈同样的性能吗？

下一篇：[分享]2021年每个Web开发者必须拥有的15个VSCode扩展

Vue使用Swiper踩坑：相关文章