微信小程序 动态绑定 style 样式 和class

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/Alex81320/article/details/83589200

<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

})

}

});

猜你喜欢

转载自blog.csdn.net/Alex81320/article/details/83589200