在vue2X中使用swiper(vue-awesome-swiper) 里的 onSlideChangeStart 无法监听

在vue2X中使用swiper(vue-awesome-swiper) 里的 onSlideChangeStart 无法监听,函数不执行

在main.js中

import 'swiper/dist/css/swiper.min.css'
import VueAwesomeSwiper from 'vue-awesome-swiper'
Vue.use(VueAwesomeSwiper)

在组件中导入

import Swiper from 'swiper';
import $ from 'jquery';

在template中使用

    <div class="swiper-container wen">
       <div class="swiper-wrapper">
          <div class="swiper-slide danye_one"> 代码.....</div>
          <div class="swiper-slide danye_two">代码.....</div>
          <div class="swiper-slide danye_three">代码.....</div>
        </div>
     </div>
     

初始化的时候

        created() {
                    let _this = this;
                    setTimeout(() => {
                        var myswiper = new Swiper('.wen', {
                            direction: 'vertical', 
                            onSlideChangeStart: function(swiper){
                            console.log("我被执行了")
                              console.log(swiper.activeIndex);
                        }
                        })
                        }, 500)
                }
      

无法打印,函数没有执行,swiper是3X的

阅读 9.5k
3 个回答
新手上路,请多包涵

写在created()里面页面都没渲染完怎么找到这个DOM?写在mounted()试试?

新手上路,请多包涵

哥,我也遇到了同样的问题,函数不执行,请问您解决了吗

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题