vue-cli3.0+vant出现的问题总结

最新推荐文章于 2025-06-27 09:09:44 发布

mschange

最新推荐文章于 2025-06-27 09:09:44 发布

阅读量4.9k

点赞数

CC 4.0 BY-SA版权

分类专栏： vue-cli3.0 文章标签： vue-cli3.0 vant

本文链接：https://blog.youkuaiyun.com/Lschange/article/details/89703892

1、轮播图在ios9以下都不能滑动

解决办法：

https://github.com/surmon-china/vue-awesome-swiper

npm install vue-awesome-swiper --save

全局引入

import Vue from 'vue'
import VueAwesomeSwiper from 'vue-awesome-swiper'

// require styles
import 'swiper/dist/css/swiper.css'

Vue.use(VueAwesomeSwiper, /* { default global options } */)

组件引入

import 'swiper/dist/css/swiper.css'

import { swiper, swiperSlide } from 'vue-awesome-swiper'

export default {
  components: {
    swiper,
    swiperSlide
  }
}

项目中的轮播图不需要自动轮播，但是点击需要查看图片大图的那种，也是可以左右滑动的，避免不了，初始下标的传递

<div class="swiper_pictures">
      <swiper :options="swiperOption" ref="mySwiper">
        <!-- slides -->
        <swiper-slide v-for="(picturesItem, pictureIndex) in swiperItem" :key="pictureIndex">
          <img :src