Vue中切换标签对应不同的页面写法，其实就是绑定class

 <div class='niubi'>
        <p :class="active===index ? 'isActive' : ''" @click="bb(index)" v-for="(item,index) in arrow" :key="index">
            {{item.name}}
        </p>
    </div>

arrow:[
        {
          name:'大哥'
        },
        {
          name:'小弟'
        },
        {
          name:'第中弟'
        }
      ],
 active:0

方法：

bb(index){

 this.active=index

},

 

样式自己去写

转载于:https://www.cnblogs.com/myfirstboke/p/11133471.html