vue.js中使用swiper的方法：首先下載【swiper.js】；然后在【main.js】中全局引入【swiper.js】；最后在模板中配置相關(guān)內(nèi)容即可。

【相關(guān)文章推薦：vue.js】

vue.js中使用swiper的方法：

1、下載swiper.jsnpm install vue-awesome-swiper --save

2、在main.js中全局引入swiper.jsimport VueAwesomeSwiper from 'vue-awesome-swiper'

import 'swiper/dist/css/swiper.css'

Vue.use(VueAwesomeSwiper)

3、在模板中配置相關(guān)內(nèi)容

　　　　　　

import axios from 'axios'

export default {

name: 'carrousel',

data() {

return {

rootLink: 'http://119.23.28.239:8080',

imglist:[],

swiperOption: {

autoplay: 3000, //l輪播間隔時(shí)間

loop: true,　　//是否自動(dòng)輪播

pagination : '.swiper-pagination', //輪播圖中下標(biāo)點(diǎn)顯示

paginationClickable :true　　 //輪播圖中下標(biāo)點(diǎn)顯示

}

}

},

mounted() {

var vm = this;

axios.get(vm.rootLink + '/train/homePage/banner?type=上面')

.then(function (data) {

vm.imglist = data.data.data

})

}

}

相關(guān)免費(fèi)學(xué)習(xí)推薦：JavaScript(視頻)

總結(jié)

以上是生活随笔為你收集整理的vue内检测是否有swiper_vue.js怎么用swiper的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。