yundejia

关注

vant swipe点击切换

yundejia

关注

阅读 45

2022-04-24

<van-swipe  ref="swiper">
  <van-swipe-item v-for="item in a" :key="item.id">
  </van-swipe-item>
</van-swipe>


<div  data-index="0" @click="onChange">勤奋榜</div>
<div  data-index="1" @click="onChange">进步榜</div>
<div  data-index="2" @click="onChange">优秀榜</div>


//点击事件
onChange(e){
    this.indexes = e.currentTarget.dataset.index
    this.$refs.swiper.swipeTo(this.indexes);
}

相关推荐

柠檬果然酸

Tabbar切换效果(vant)

柠檬果然酸 38 0 0

GG_lyf

vant Tab切换索引undefined

GG_lyf 23 0 0

海滨公园

HTML 实现 点击按钮切换 整张界面 && 点击按钮切换局部界面

海滨公园 45 0 0

J简文

切换div块内容以及切换点击事件

J简文 31 0 0

王远洋

React实现点击切换组件

王远洋 14 0 0

一叶随风_c94d

jQuery点击切换增加和删除class类

一叶随风_c94d 42 0 0

小迁不秃头

关于Fragment的点击切换数据滞留问题

小迁不秃头 57 0 0

我是小小懒

android点击按钮控制图片切换-kotlin

我是小小懒 129 0 0

Yaphets_巍

【黄啊码】微信小程序swipe切换及自适应高度问题解决

Yaphets_巍 84 0 0

阎小妍

多个div实现切换功能,点击按钮实现

阎小妍 46 0 0

精彩评论(0)

0 0 举报