如何在vue中使用swiper6,解决Mousewheel失效

首先我们需要指定版本安装swiper

（本人安装的是swiper6.4.5,各个版面都有些许配置上的区别 版本不同可能会出现某些控件不生效）

  npm install swiper@6.4.5 --save

安装成功后会在package.json文件显示

引入swiper

在需要用到swiper的组件引入swiper

    import Swiper, {Pagination,Navigation} from "swiper"
    Swiper.use([Pagination,Navigation])
    import "swiper/swiper-bundle.css"

本人在使用过程中发现鼠标滚轮控制swiper轮播的chamousewheel: true,没有生效。多次的尝试和求助发现swiper6的某些功能实现需要引入，于是我引入了Mousewheel

    import Swiper, {Pagination, Mousewheel, Navigation} from "swiper"
    Swiper.use([Pagination, Mousewheel, Navigation])

实现了鼠标滚轮控制swiper的功能

这种方法也同样适用于其他属性