【微信小程序】修改自定义组件properties的值

前言：

在子组件的properties中接收父组件传过来的属性值，有的可以直接在wxml页面中使用，有的则需要对其进行修改，一种办法是observer监听方法，一种是直接使用setData修改。

代码如下：

<view class="detail_right">
 <view class="gouse" bindtap="goUseCoupon">去使用</view>
</view>

// components/popup/popup.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    isShowCoupon:Boolean
  },

  /**
   * 组件的初始数据
   */
  data: {
  },

  /**
   * 组件的方法列表
   */
  methods: {
    //去使用
    goUseCoupon(){
      this.setData({
        isShowCoupon:false
      })
    }
  }
})

结语：在methods中直接使用setData对properties中的属性进行修改，修改之后的值或效果可以实时的显示在对应的页面中。