前端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变化，而不是控制台手动加减。