el图片滚动_vue使用swiper实现左右滑动切换图片

本文实例为大家分享了vue使用swiper实现左右滑动切换图片的具体代码，供大家参考，具体内容如下

使用npm 安装vue-awesome-swiper

npm install vue-awesome-swiper --save

在main.js中引用

import VueAwesomeSwiper from 'vue-awesome-swiper'

Vue.user(VueAwesomeSwiper)

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

在组件中使用

{ { time }}

e

v-for="(item, index) in images"

:src="item.url"

:key="index"

id="contract_url"

@click="enlargePic(index)"

/>

:visible.sync="centerDialogVisible"

width="100%"

modal

close-on-click-modal

custom-class="dialog"

>