在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的
写在created()里面页面都没渲染完怎么找到这个DOM?写在mounted()试试?