zoukankan      html  css  js  c++  java
  • vue swiper点击后返回不能自动播放

    解决方法: 在返回时重新开启轮播

    组件中:

    <swiper :options="swiperOption" ref="mySwiper" :class="ifSlide?'':'swiper-no-swiping'">
            <swiper-slide v-for="(picitem,index) in swiperList" :key="index">
                <img :src="picitem.imgpath" :gid="picitem.gid" :type="picitem.type" :bigsort="picitem.bigsort" alt="" style="display:inline-block;100%;height:100%;">
            </swiper-slide>
            <div class="swiper-pagination" slot="pagination"></div>
    </swiper>

    data中:

    option:{
          notNextTick: true,
          loop: true,
          autoplay: 3000,
          speed: 800,
          direction: 'horizontal',
          grabCursor: true,
          setWrapperSize: true,
          autoHeight: true,
          autoplayDisableOnInteraction: false,
          pagination: '.swiper-pagination',
          paginationClickable: true,
          mousewheelControl: true,
          observer: true,  //启动动态检查器,当改变swiper的样式(例如隐藏/显示)或者修改swiper的子元素时,自动初始化swiper。
          observeParents: true,
          debugger: true
    },
    swiperOption:{ }
    created() { 
          this.initSwiper();
    },
    methods:{
          initSwiper: function() {
              this.swiperOption = option;
          }
    }
  • 相关阅读:
    树剖学习笔记
    网络命令
    shell编程
    Shell 脚本常用命令
    WP7系统托盘和应用程序栏
    Ajax的同步与异步
    WP7推送通知服务
    (转)Silverlight控件关系理解
    (转) silverlight 样式学习
    (转C#中Enum用法小结)
  • 原文地址:https://www.cnblogs.com/linjiangxian/p/11457565.html
Copyright © 2011-2022 走看看