• 周日. 9月 25th, 2022

5G编程聚合网

5G时代下一个聚合的编程学习网

热门标签

vue-awesome-swiper 配置 (分页不显示鼠标无效渐变无效等)

admin

11月 28, 2021

代码片断

import { Swiper, EffectFade, Mousewheel, Pagination } from 'swiper'
import { directive } from 'vue-awesome-swiper'

import 'swiper/swiper-bundle.css'
Swiper.use([EffectFade, Mousewheel, Pagination])
export default {
  components: { MainFooter, LoginForm },
  directives: {
    swiper: directive,
  },
  data() {
    return {
      swiperOption: {
        effect: 'fade',
        direction: 'vertical',
        slidesPerView: 1,
        mousewheel: true,
        pagination: {
          el: '.swiper-pagination',
          clickable: true,
        },
      },
    }
  }

很久没有使用过swiper,找到了个叫vue-awesome-swiper的封装库,发现很多东西都不生效。我在想一个活了这么久的第三方包,怎么可能会有这种bug,经过一番搜索,才知道缺少的东西都在原来的swiper,把它引入 就可以解决了。希望可以帮到大家。

发表回复

您的电子邮箱地址不会被公开。