<template>
<div class="NAV">
<div id="NavSlide">
<div class="nav">
<p v-for="(item,index) in List" :key="index" :class="num==index?'changeColor':''" @click="gotoGood(index)" >{
{item}}</p>
</div>
</div>
</div>
</template>
<script>
export default {
name: "HelloWorld",
data() {
return {
List: ["爆款", "0.99菜场", "马小夜宵", "下午茶","便利生活","会员特价","蔬菜","水果","肉蛋","熟食","水产","乳品","酒饮","零食","轻食","速食","粮油","清洁","个护","家居","现磨咖啡","次日达"],
num:''
};
},
methods:{
gotoGood(index){
this.num=index;
}
}
};
<
vue移动端导航栏滑块字体点击变色
最新推荐文章于 2023-03-06 10:45:41 发布