微信小程序动态绑定class


1、html部分

<view class="transition-box">
	<view class="transition {
     
     {isShow?'is-show':''}}" bindtap="clickSwitch">
		<text style="font-size: 32rpx; font-weight: 700;">点击切换</text>
	</view>
</view>

2、JavaScript部分

Page({
    
    
	/**
	 * 页面的初始数据
	 */
	data: {
    
    
  		isShow: false,
	},

	// 点击事件
	clickSwitch() {
    
    
  		this.setData({
    
    
    		isShow: !this.data.isShow
  		});
	},
})

猜你喜欢

转载自blog.csdn.net/weixin_51157081/article/details/123668064