前端vue-关于标签切换的实现
首先是循环,使用v-for=“(item,index) in list” :key=“item.id”
然后当点击哪个的时候再切换,使用v-bind:class=" "或者是:class=" ",如果都是用active的话,那么每一个标签都是被选中的状态,但是我们需要的是点中哪个再选中哪个,所以我们在后面加上一个条件,active:index===current,current在下面的data中需要先定义一下。
要想实现切换功能,我们给标签ui里面的li一个点击事件,@click=“current=index”。实现current变化,而不是控制台手动加减。