autoplay: { disableOnInteraction: false }

$(function(){
        var swiper = new Swiper('.swiper-container', {
                // autoplay:true,
               
                loop:true,
                pagination: {
                    el: '.swiper-pagination',
                    clickable: true,
                   
                },
                navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
                },
                autoplay: { disableOnInteraction: false }
            });

         
    })

vue中，自定义轮播图组件

<template>
  <div class="swiper-container" ref="mySwiper">
    <div class="swiper-wrapper">
      <!-- 遍历 一个数组list, 这个list数组里的数据取决于 父元素传过来的数据, 其他没太大改动,还是swiper结构 -->
      <div
        class="swiper-slide"
        v-for="(carousel, index) in carouselList"
        :key="carousel.id"
      >
        <img :src="carousel.imgUrl" />
      </div>
    </div>
    <!-- 如果需要分页器 -->
    <div class="swiper-pagination"></div>
    <!-- 如果需要导航按钮 -->
    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>
  </div>
</template>

<script>
import Swiper from "swiper"; // 引入 swiper
export default {
  name: "Carousel",
  props: ["carouselList"], //接受父组件传来的数据
  //这个watch对象会对, Floor组件与首页轮播图组件都能生效, 也因此才能封装全局组价
  watch: {
    carouselList: {
      immediate: true,
      // 在new swiper实例之前, 页面中结构必须已经存在
      handler() {
        this.$nextTick(() => {
          // 当执行这个回调的时候: 保证服务器的数据一定回来了(这时候v-for已经执行完毕了)
          var mySwiper = new Swiper(this.$refs.mySwiper, {
            loop: true, // 循环模式选项
            // autoplay:true,
            autoplay: {
              delay: 3000,
              stopOnLastSlide: false,
              disableOnInteraction: false, // true点击后不自动轮播，false点击后自动轮播
            },
            // 如果需要分页器
            pagination: {
              el: ".swiper-pagination",
              clickable: true,
            },
            // 如果需要前进后退按钮
            navigation: {
              nextEl: ".swiper-button-next",
              prevEl: ".swiper-button-prev",
            },
          })
        })
      },
    },
  },
}
</script>

<style>
</style>