微信小程式 動態繫結 style 樣式 和class
阿新 • • 發佈:2018-12-18
<view class="changeImageView" style="display:{{displayPhoto}}" >
<view class="operbtn">測試</view>
</view>
<view class="section section_gap">
<view class="section__input">
<button class="operBtn {{select==1?'activeClass':''}}" bindtap='selectBtn' data-num="1" >選項1</button>
<button class="operBtn {{select==2?'activeClass':''}}" bindtap='selectBtn' data-num="2" >選項2</button>
</view>
</view>
Page({
data: {
displayPhoto:'none',
select:1
},
selectBtn(event){
this.setData({
select: event.currentTarget.dataset.num
})
}
});