vue中实现轮播图 vue-awesome-swiper

1.安装vue-awesome-swiper依赖包

npm install vue-awesome-swiper --save

2.在main.js文件引入

import swiper from 'vue-awesome-swiper'
import 'swiper/dist/css/swiper.css'
Vue.use(swiper )

3.在vue中使用

<template>
		<swiper :options="swiperOption">
            <swiper-slide v-for="(item, index) in nft_list" :key="index">
              </swiper-slide>
              //分页器 这样写可以设置分页器的位置
		    <div class="swiper-pagination"  slot="pagination" id="home-pagination"></div>
              //左右箭头 我这里用图片来代替箭头 自己更换图片路劲 
            <img :src="$base_url + 'img/home/part_skill_left.png'" class="skill_left swiper-button-prev"  slot="pagination"></img>
            <img :src="$base_url + 'img/home/part_skil