swiper各个版本与Vue版本的对应关系

2023-04-06  本文已影响0人  扶得一人醉如苏沐晨

一、背景

直接 npm install swiper --save默认装的是swiper8版本
会发现在vue2中玩不转

二、关于swiper

三、swiper7、8不能在vue2中使用:

原因是,在swiper源码中,引入的8个vue方法都是vue3中的方法,在vue2中不存在。
如果在vue2中使用swiper7、8会报错。

vue3中引入swiper7、8会有路径上的错误

正确的引入方式

  // Import Swiper Vue.js components
  import { Swiper, SwiperSlide } from 'swiper/vue/swiper-vue.js';
  // Import Swiper styles
  import 'swiper/swiper.min.css';
上一篇 下一篇

猜你喜欢

热点阅读