vue插件篇

1、vue-awesome-swiper 轮播引入 import { swiper, swiperSlide } from ‘vue-awesome-swiper’遇到的一个问题是当自己手动拨了一下，然后就不自动播放了，这里要写一个参数autoplayDisableOnInteraction : false,下面是页面里面的用法<swiper :options="swiperOption">

莎莉哇

3183人浏览 · 2016-11-15 19:56:57

莎莉哇 · 2016-11-15 19:56:57 发布

1、vue-awesome-swiper 轮播
引入 import { swiper, swiperSlide } from ‘vue-awesome-swiper’
遇到的一个问题是当自己手动拨了一下，然后就不自动播放了，这里要写一个参数

autoplayDisableOnInteraction : false,

下面是页面里面的用法

<swiper :options="swiperOption">
      <swiper-slide v-for="carousel in carousels">
        <img :src="carousel.url"/>
      </swiper-slide>
      <div class="swiper-pagination"  slot="pagination"></div>
    </swiper>

配置是：

 swiperOption: {
          autoplay: 4000,
          pagination: '.swiper-pagination',
          autoplayDisableOnInteraction : false,
          mousewheelControl: true
        }

基本都是swiper的参数

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^