微信小程序动态绑定设置class的方法

在微信小程序中，我们可以使用 class="{{expression}}" 的方式来动态绑定 class 属性。这里的 expression 可以是一个字符串，也可以是一个 JavaScript 表达式。

下面是一个例子，在点击按钮时，动态切换一个元素的 class：

<view class="{{active ? 'active' : ''}}">Hello World</view>
<button bindtap="toggleActive">Toggle Active</button>

Page({
  data: {
    active: false
  },
  toggleActive: function () {
    this.setData({
      active: !this.data.active
    })
  }
})

在上面的代码中，我们使用了一个三元表达式 {{active ? 'active' : ''}} 来动态绑定元素的 class。当 active 变量为 true 时，这个元素会被赋予 active 类名；当 active 变量为 false 时，则不会有任何类名被添加。

在事件处理函数 toggleActive 中，我们通过调用 setData 方法更新 active 变量的值，从而达到动态切换 class 的效果。

需要注意的是，如果要同时绑定多个 class，可以将它们放在一个数组中，如 class="{{[class1, class2]}}"。另外，为了避免样式冲突，建议使用 BEM 等命名规范来定义类名。