vue和swiper的相爱相恨
离谱的报错!
vue是这样的
但是改成这样就没问题了
<template>
<div class="swiper-container" :class="name">
<div class="swiper-wrapper">
<slot></slot>
</div>
</div>
</template>
<script>
import Swiper from 'swiper'
// import 'swiper/swiper.min.css'
export default {
components: {},
props: {
perView: {
type: Number,
default: 1
},
name: {![请添加图片描述](https://img-blog.csdnimg.cn/aa9ce9dc35184b74875f2afbc343ce04.png)
type: String,
default: 'kerwin'
}
},
mounted () {
new Swiper('.kerwin', {
slidesPerView: this.perView,
spaceBetween: 30,
freeMode: true
})
}
}
</script>
<style scoped>
</style>