码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-07-04 17:47:17      阅读:242      评论:0      收藏:0      [点我收藏+]

标签:src   mamicode   不同的   技术   不同   页面   大哥   http   index   

 <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
},
技术图片

 

样式自己去写

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

标签:src   mamicode   不同的   技术   不同   页面   大哥   http   index   

原文地址:https://www.cnblogs.com/myfirstboke/p/11133471.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!