//这里是wxml代码
<block wx:for="{{yearLabel}}">
<button class="{{item.select==yearShow?'b':'a'}}" data-texe="{{item.context}}" data-select='{{item.select}}'
bindtap='getYearLabel'>//这里的b或者a是这个button未选中和选中的样式
{{item.context}}
</button>
</block>
//js
page({
data:{
yearLabel:[
{ context: "满五唯一", select: 1 },
{ context: "满五年", select: 2},
{ context: "满3年", select: 3},
{ context: "满2年", select: 4},
{ context: "满6年", select: 5},
],
},
getYearLabel:function(e){
var that = this
var yearLabel = that.data.yearLabel
that.setData({//更新到data里面
yearShow: e.currentTarget.dataset.select,
yearLabel: that.data.yearLabel
})
},
})
这样就能实现多个按钮 只选一个的效果
如果有错误的地方请指出来,谢谢