vue.js elementUI实现点击左右箭头切换头像功能（类似轮播图效果)

1.效果图如下

2.vue代码如下

El-carousel type=' card ' arrow=' always ' : loop=' false ' : initial-index=' 1 ' indicator-position=' none ' : autoplay=' false ' El-carousel-item v-for=' item。user info 1 ' : key=' index ' div class=' div 2 ' div style=' position : absolute；'v-show=' item。state===0 | | item。state===1 ' img @ click=' deleteImg(items，item)' src='http:/./assets/delete。png ' class=' delete style '/div img : src=' http : items。b _ img。URL ' class=' HeAdimgStyle '/div div class='昵称{ items.b _昵称} }/div/div/El-carousel-item/El-carousel 3 .修改的样式。El-carousel _ _ item。El-carousel _ _物品卡。处于阶段{ text-align : center}/*修改高度*/.El-carousel _ _容器{高度： 100 px} .van-collapse-item _ _ content { padd : 14px 0；}/*左右箭头的样式*/按钮。埃尔-旋转木马_ _箭头。El-carousel _ _向左箭头，按钮。埃尔-旋转木马_ _箭头。El-carousel _ _ arrow-right { font-size : 12px；高度： 20像素宽度： 20px背景# A099F0}总结

以上所述是小编给大家介绍的vue.js elementUI实现点击左右箭头切换头像功能（类似轮播图效果),希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！