微信小程序获取自定义组件中properties的属性并修改

微信小程序获取自定义组件中properties的属性并修改


自己踩了很多坑,才发现用监听最好的。
1.先创建自定义组件,把要传进来的参数填上,如下图。
微信小程序获取自定义组件中properties的属性并修改_第1张图片
2.在具体page页面.json中引入自定义的Component

{
  "usingComponents": {
    "K-choice":"../../component/choice/choice",
  }
}

然后使用这个组件,这里要注意传入的值类型要和组件内定义的值类型要一致。
微信小程序获取自定义组件中properties的属性并修改_第2张图片
3.在Component内添加监听,这里监听的是thanTest,拿到之后就能做一些具体的操作的,setData之类的。

  observers: {
    'thanTest': function (val) {
      if(val==null) return;
      console.log(val)
      if (val.RES_OPT == val.USER_RES) {
        this.setData({
          isSelect: val.USER_RES,
          isRes: true
        })
      }
    }
  },

ps:踩的一些坑,本以在组件的生命周期中可以获取出具体值,但都不行,还是监听好啊。
微信小程序获取自定义组件中properties的属性并修改_第3张图片
微信小程序获取自定义组件中properties的属性并修改_第4张图片

你可能感兴趣的:(微信小程序,自定义组件,properties,小程序,javascript)