一、vue自定义实现tab选项卡切换效果
<template>
<view>
<view class="tabs">
<view class="item-tab" v-for="(item,index) in tabsList" :key="index" @click="tabChange(index)">
<view>{
{item.name}}</view>
<view :class="currentTab==index?'border':''"></view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
tabsList: [{
name: '推荐'
},
{
name: '最新需求'
},
{
name: '最新需求'
},
],
currentTab: 0
}
},
methods: {
tabChange(index) {
this.currentTab = index;
}
}
}
</script>
<style lang="scss">
.