问 题
vue-cli引入swiper插件,页面上轮播运行正常,但是一直出现这个报错!
HTML:
资 讯
{{ item }}
JS:
import vfooter from './footer/footer'
export default {
name: 'home-page',
components: {
vfooter
},
data() {
return {
banners: [
'../../static/images/carousel-pic.jpg',
'../../static/images/carousel-pic.jpg',
'../../static/images/carousel-pic.jpg'
],
items: [
"2017年全民创业-你还在等什么1?",
"2017年全民创业-你还在等什么2?",
"2017年全民创业-你还在等什么3?"
],
swiperOption: {
pagination: '.swiper-pagination',
autoplay: 3000,
slidesPerView: 'auto',
centeredSlides: true,
paginationClickable: true
// direction: 'vertical'
}
}
},
computed: {
swiper() {
return this.$refs.mySwiper.swiper;
}
},
mounted () {
this.swiper.slideTo(0,0,false)
}
}
解决方案
你的refs.mySwiper不存在啊.
扫一扫关注IT屋
微信公众号搜索 “ IT屋 ” ,选择关注与百万开发者在一起