element手动点击修改走马灯的播放索引

最新推荐文章于 2024-07-12 10:00:20 发布

tomorrownan

最新推荐文章于 2024-07-12 10:00:20 发布

阅读量4.6k

点赞数 3

分类专栏： Vue 文章标签： vue element 手动修改索引

本文链接：https://blog.csdn.net/w1418899532/article/details/103533442

版权

项目需求实现点击校区时显示对应柱状图，利用Element UI提供的方法手动修改走马灯播放索引，实现点击校区高亮并切换到相应图表。通过current属性与列表关联，使用和方法完成交互效果。

摘要由CSDN通过智能技术生成

背景：

项目中需求改成上方展示小区列表，下方是各校区数据的柱状图轮播，轮播到该校区时上方校区高亮。但是点击某一个校区也要展示该校区对应的柱状图，这里就用到了手动修改走马灯的播放索引。

思路：

element官方提供了setActiveItem方法，调用此方法可以改变当前播放的幻灯片。使用方法如下：

<div class="bottom-box-right">
  <div class="campusDisplay">
    <span v-for="(val, key, i) in campusBuildingData" :key=

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

关注关注