微信小程序点击移除添加class

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

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

微信小程序点击移除添加class_第1张图片

花色view>

{{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

})

}

})

你可能感兴趣的:(微信小程序点击移除添加class)