<ul>
<li
v-for="(item, index) in [
{ name: '今天', value: 'today' },
{ name: '明天', value: 'tomorrow' },
{ name: '后天', value: 'overmorrow' },
]"
:key="index"
@click="tabSelected(item, index)"
:class="{ active: index === isActive }"
>
{{ item.name }}
</li>
</ul>
methods: {
tabSelected(item, index) {
this.isActive = index;
},
},
实现效果如下: