本文将带你了解微信小程序开发之点击移除添加class（点击改变背景颜色和字体颜色） ... ... ...，希望本文对大家学微信有所帮助。

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

本文由职坐标整理并发布，希望对同学们有所帮助。了解更多详情请关注职坐标移动开发之微信频道！