微信小程序中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
      })
    }
  },
相关推荐
好赞科技21 分钟前
深度测评2026年最佳GEO流量精准获客工具排行榜,解锁你的营销新高度
大数据·微信小程序
深邃的眼8 小时前
微信小程序从 0-1:从本地开发到部署服务器上线整体流程保姆式教学
阿里云·微信小程序·个人开发
喜欢南方姑娘8 小时前
微信小程序热更新-用户打开小程序时检测版本自动更新
微信小程序·小程序·notepad++
一叶星殇8 小时前
高颜值微信小程序 UI 组件库大盘点,助你轻松开发!
微信小程序·小程序
计算机专业码农一枚8 小时前
微信小程序 uniapp+vue高校社团管理
vue.js·微信小程序·uni-app
Raytheon_code8 小时前
从零到一:我用微信小程序做了一款串珠DIY定制工具
css·微信小程序·html5·ai编程
晴天sir8 小时前
微信小程序订阅消息推送实战(Java Spring Boot + Redis)
小程序
yzx9910138 小时前
从零开始写一个微信小程序:完整代码实战指南(入门篇)
微信小程序·小程序·notepad++
Можно8 小时前
微信小程序获取用户信息完整流程
微信小程序·小程序
QQ2422199798 小时前
基于python+微信小程序的家教管理系统_mh3j9
开发语言·python·微信小程序