微信组件Component中的methods修改data里的值方法

微信WXML

<view class="navigationBar">
<view class="wrap">
<view class="menu">
<view class="{{menuBtnStatus}}" bindtap="menuStatus">
<view class="menuBtn1"></view>
<view class="menuBtn2"></view>
<view class="menuBtn3"></view>
</view>
<view class="menuListWrap">
</view>
</view>
<view class="search"></view>
</view>
</view>

组件js

Component({
/**
* 组件的属性列表
*/
properties: {
},
/**
* 组件的初始数据
*/
data: {
menuBtnStatus:"menuBtn"
},
/**
* 组件的方法列表
*/
methods: {
//控制按钮状态的方法
menuStatus:function(){
//修改data值
this.setData({
menuBtnStatus:this.data.menuBtnStatus=="menuBtn"?"menuBtnactive":"menuBtn"
})
},
}
})

最后

以上就是背后口红为你收集整理的# 微信组件Component中的methods修改data里的值方法微信组件Component中的methods修改data里的值方法的全部内容，希望文章能够帮你解决# 微信组件Component中的methods修改data里的值方法微信组件Component中的methods修改data里的值方法所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。