监听微信小程序组件的properties中的属性

最新推荐文章于 2025-03-18 14:58:24 发布

威威超酷

最新推荐文章于 2025-03-18 14:58:24 发布

阅读量2.4k

点赞数 2

本文链接：https://blog.youkuaiyun.com/weixin_44188501/article/details/113723840

版权

本文探讨了在微信小程序中如何通过监听组件属性实现动态判断，并提供了具体的代码示例。同时，针对在小米10手机上连接蓝牙时遇到的问题进行了解析，指出部分手机（如小米10）连接蓝牙可能需要开启定位权限，特别是微信需要始终允许访问位置信息。解决此问题后，可以顺利进行蓝牙连接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

自定义组件需要根据父组件传递过来的值做动态判断，可以使用监听的方式来实现

// components/music-list/music-list.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    arrayIndex: {
      type: Number,
      value: -1
    },
    imgUrl: {
      type: String,
      value: ''
    }
  },

  /**
   * 组件的初始数据
   */
  data: {
    ledIndex: -1,
  },
  // 监听properties中的arrayIndex属性
  observers: {
    'arrayIndex': function (val) {
      if(val==null) return;
      this.setData({
        ledIndex: val
      })
    }
  },
  /**
   * 组件的方法列表
   */
  methods: {
  }
})