小程序中的属性监听

        使用场景:在完成毕设的过程中,为了实现通过触底加载来展示更多内容提高用户体验的目的,在父级进行触底而改变的是子组件的内容,故而需要在子组件中时刻监听父组件的数据变化。

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

"usingComponents": {
    "articleList":"../../components/articleList/articleList",
  }

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

<articleList num="{
    
    {number}}"></articleList>

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

properties:{
    num:Number,//请求列表的数量
  },

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

observers: {
    'num': function (val) {
      console.log(val,"父组件的值发生改变");
      this.getArticle(val)//此方法为处理子组件中内容变化的方法
    },
  },

猜你喜欢

转载自blog.csdn.net/gkx19898993699/article/details/130522446