在vue中使用swiper
1 下载swiper npm install swiper --save-dev
import Swiper from 'swiper';
export default {
name: 'HelloWorld',
data () {
return {
}
},
mounted(){
new Swiper ('.swiper-container', {
loop: true,
// 如果需要分页器
pagination: '.swiper-pagination',
// 如果需要前进后退按钮
nextButton: '.swiper-button-next',
prevButton: '.swiper-button-prev',
// 如果需要滚动条
scrollbar: '.swiper-scrollbar',
})
}
}