微信小程序:data-index取下标动态控制class
2019-02-21 本文已影响0人
Monica114
功能是当点击某个选项时,那个选项就高亮,大概是这样的:
查阅资料发现可以在标签里设置data-index,绑定一个点击事件,传参ev,通过ev.target.dataset.index来取;
在wxml的text标签里,我绑定了data-index属性,之后在父级标签动态绑定了class:{{crt==index?'current':''}},在js里创建了一个crt来接收下标,并把currentIndex函数里num的值实时传给crt,这样就保证了点击哪一个选项下边都是相等的,最后用了三元表达式来动态赋值给class,这样功能就实现了,下一步是右边数据展示和左右侧的联动,坑还很多,加油