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

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

})

}

})

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. Java基础部分 基础部分的顺序:基本语法,类相关的语法,内部类的语法,继承相关的语法,异常的语法,线程的语...
    子非鱼_t_阅读 31,929评论 18 399
  • 博客:crazymirror.cn 首先 微信小程序刚刚出现但很多客户都想要做小程序。 最近做了一个小程序的项目 ...
    抠脚大汉QAQ阅读 9,222评论 0 2
  • 在一些电商类的微信小程序中,地址选择这个功能一般是必备的,一般的收货信息都需要有一个能选择省市县的控件,当然也有些...
    第九程序官方阅读 9,525评论 0 6
  • 20岁是个如花的年纪,我们还有姣好的容颜,充满活力的身体,童话般的心。到了20岁,这一切也都开始逆转,最初你会发现...
    今夕何夕夕阅读 1,040评论 0 1
  • 期待着 盼望着 终于在太阳落山之后 影子悄悄地进入了视线 淡淡的,若离若现 静如止水的心瞬间开始躁动 紧张着甚至...
    林a林阅读 2,675评论 0 0