为了账号安全,请及时绑定邮箱和手机立即绑定

vue.js怎么点击li取得索引添加class名字样式

vue.js怎么点击li取得索引添加class名字样式

三国纷争 2019-02-25 13:23:15
查看完整描述

2 回答

?
尚方宝剑之说

TA贡献1788条经验 获得超4个赞

<li v-for="(children,index) in item.list" :class="index==1?'one':'two'"></li>

index==1这一块对索引进行判断如果满足条件添加one样式,不满足则是two,判断语句和样式换成自己想要的效果


查看完整回答
反对 回复 2019-03-06
?
守着一只汪

TA贡献1872条经验 获得超4个赞

<li v-for="(children,i) in item.list" @click='getIndex($event)' :index="i"></li>

getIndex(e){

    let index  = e.target.getAttribute('index');//点击的li的索引

    e.target.className = 'selected';//设置该li的class

}


查看完整回答
反对 回复 2019-03-06
  • 2 回答
  • 0 关注
  • 432 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号