1. 程式人生 > >微信小程式 動態繫結 style 樣式 和class

微信小程式 動態繫結 style 樣式 和class

<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

})

}

});