微信小程序中Component中如何监听属性变化

1.在父组件的.json文件中引入子组件:

javascript 复制代码
"usingComponents": {
    "articleList":"../../components/articleList/articleList",
  }

2.在父组件中给子组件绑定数据

javascript 复制代码
<articleList num="{{number}}"></articleList>

3.子组件接受父组件传递的数据

javascript 复制代码
properties:{
    num:Number,//请求列表的数量
  },
  data: {// 组件中的这个数据
    numberA: 0,
    numberB: 1,
  },
  

4.使用observers来实现子组件对于父组件的属性监听**(此处需要注意不能用箭头函数)**

javascript 复制代码
observers: {
    'num': function (val) {
      console.log(val,"父组件的值发生改变");
      this.getArticle(val)//此方法为处理子组件中内容变化的方法
    },
      'numberA, numberB': function(numberA, numberB) {
      // 在 numberA 或者 numberB 被设置时,执行这个函数
      this.setData({
        sum: numberA + numberB
      })
    }
  },
相关推荐
码云数智-大飞5 小时前
自助建站系统哪个好?快速建站哪个平台好
微信小程序
吴声子夜歌11 小时前
小程序——项目结构
小程序
大黄说说11 小时前
微信小程序制作平台有哪些?SaaS小程序搭建平台推荐
微信小程序
Lucky小黄人1 天前
微信小程序查看备案号
微信小程序·小程序
码云数智-园园1 天前
小程序制作平台哪个好?微信小程序制作平台对比评测
微信小程序
毕设源码-郭学长1 天前
【开题答辩全过程】以 基于微信小程序的当当手办店铺为例,包含答辩的问题和答案
微信小程序·小程序
qq_24218863321 天前
微信小程序新年首页源码
微信小程序·小程序
中国胖子风清扬2 天前
GPUI 在 macOS 上编译问题排查指南
spring boot·后端·macos·小程序·rust·uni-app·web app
玛雅牛牛3 天前
多款物流信息哪款更适合
小程序
说私域3 天前
技术赋能直播运营:开源AI智能名片商城小程序助力个人IP构建与高效运营
人工智能·tcp/ip·小程序·流量运营·私域运营