微信小程序不允许DOM操作,所以不能用addClass这种方法,我的用法如下。
点击元素后,获取元素中data-select值,赋值给catalogSelect,然后判断二者是否相等,一样则添加class(class的css可以先写好)。
花色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
})
}
})