uniapp滚动页面切换tab标签
时间: 2023-05-16 17:04:56 浏览: 149
tab标签切换
5星 · 资源好评率100%
可以使用uni-swiper组件实现滚动页面切换tab标签,具体代码如下:
<template>
<view>
<uni-swiper :current="current" @change="handleChange">
<uni-swiper-item v-for="(item, index) in tabs" :key="index">
<view>
<text>{{ item }}</text>
</view>
</uni-swiper-item>
</uni-swiper>
</view>
</template>
<script>
export default {
data() {
return {
current: 0,
tabs: ['标签1', '标签2', '标签3']
}
},
methods: {
handleChange(e) {
this.current = e.detail.current
}
}
}
</script>
阅读全文