1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > 微信小程序点击移除添加class(点击改变背景颜色和字体颜色)

微信小程序点击移除添加class(点击改变背景颜色和字体颜色)

时间:2018-07-27 01:02:25

相关推荐

微信小程序点击移除添加class(点击改变背景颜色和字体颜色)

微信小程序不允许DOM操作,所以不能用addClass这种方法,我的用法如下。

点击元素后,获取元素中data-select值,赋值给catalogSelect,然后判断二者是否相等,一样则添加class(class的css可以先写好)。

源码下载:/download/dknightl/9939872

<!--页面--><view class="info_choose "><view class="catalog_name">花色</view><view class="catalog_items display-flex-row" ><block wx:for="{{catalogs}}"><text data-select="{{item.select}}" class="{{item.select == catalogSelect ? 'active':''}} catalog_item" bindtap="chooseCatalog">{{item.catalogName}}</text></block></view></view>

//js代码Page({data: {catalogs:[{ "catalogName": "卡其卡其","select":1},{"catalogName": "其卡其卡卡其卡其","select": 2},{"catalogName": "鲤鱼鲤鱼","select": 3},{"catalogName": "神迹神迹卡其卡其","select": 4}, ],catalogSelect:0,//判断是否选中},chooseCatalog:function(data){var that=this;that.setData({//把选中值放入判断值catalogSelect : data.currentTarget.dataset.select})}})

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。