您當前位置>首頁 » 新聞資(zī)訊 » 小程序相關(guān) >
微信小程序 動(dòng)态綁定 style 樣式 和(hé)class
發表時間:2020-9-23
發布人:葵宇科技
浏覽次數:103
<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
})
}
});