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

作者: 第九程序官方 | 来源:发表于2017-07-27 10:43 被阅读119次

微信小程序不允许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

})

}

})

相关文章

网友评论

    本文标题:微信小程序点击移除添加class

    本文链接:https://www.haomeiwen.com/subject/lsfzkxtx.html