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

张张张立宏

于 2019-07-02 09:55:07 发布

阅读量9.6k

点赞数 4

文章标签： elementUI vue.js

本文链接：https://blog.csdn.net/qq_43391088/article/details/94430411

版权

本文档介绍如何利用Vue.js结合ElementUI组件库，通过点击左右箭头来实现头像的切换效果，类似于轮播图。详细内容包括实际效果展示，Vue组件代码实现以及对样式的调整。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.效果图如下

在这里插入图片描述

2.vue代码如下

<el-carousel type="card" arrow="always" :loop="false" :initial-index="1"
             indicator-position="none" :autoplay="false">
  <el-carousel-item v-for="(items, index) i

最低0.47元/天解锁文章