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

Posted 2022-03-15 myfirstboke

 <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

,

 

样式自己去写