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

81 阅读 0 评论 54 点赞

我是靠谱客的博主背后口红，这篇文章主要介绍# 微信组件Component中的methods修改data里的值方法微信组件Component中的methods修改data里的值方法，现在分享给大家，希望可以做个参考。

微信组件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"
})
},
}
})