可以使用事件绑定和操作元素的方法来实现点击添加和删除 class 类名。以下是示例代码:
<view class="box {{isRed ? 'red' : ''}}" bindtap="changeColor"></view>
Page({
data: {
isRed: false
},
changeColor: function() {
this.setData({
isRed: !this.data.isRed
})
}
})
在上面的代码中,我们通过绑定一个点击事件 bindtap 来调用 changeColor 方法,方法中使用 setData 来改变 data 中的 isRed 变量来实现添加或删除 red 类名。
注意在 HTML 中,我们使用了 {{}} 模板语法来动态控制是否显示 red 类名。