微信小程序: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,这样功能就实现了,下一步是右边数据展示和左右侧的联动,坑还很多,加油

上一篇 下一篇

猜你喜欢

热点阅读