前端之家收集整理的这篇文章主要介绍了
利用vueJs实现图片轮播实例代码,
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
最近新学习了vuejs,尝试着用vuejs写了一个简单的图片轮播,便做个简单的记录
以下只贴出carousel.vue代码,其他的省略
Box">
SEOver="clearAuto" @mouSEOut="slideAuto" v-show="index===selectIndex" :src="item.url" style="min-height: 100%">
SEOver="clearAuto" @mou
SEOut="slideAuto" class="arrowLeft verticalCenter horizaCenter">
左移
SEOver="clearAuto" @mou
SEOut="slideAuto" class="arrowRight verticalCenter horizaCenter">
右移
SEOver="clearAuto" @mou
SEOut="slideAuto" @click="setIndex(index)" class="circle" :class="{circleSelected:index===selectIndex}">