微信小程序自定义组件中对properties的修改

原创于 2020-11-11 18:22:10 发布 · 6.8k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#微信小程序

微信小程序专栏收录该内容

28 篇文章

订阅专栏

本文介绍了一种在使用数据监听器时避免死循环的方法。通过引入新的变量接收更新后的值，确保了即使在监听器中修改了被监听的数据字段也不会引发无限循环。此技巧对于维护小程序或Web应用的状态管理尤为重要。

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

数据监听器

注意：如果在数据监听器函数中使用 setData设置本身监听的数据字段，可能会导致死循环，需要特别留意。

Component({
  options: {
    addGlobalClass: true,
  },

  properties: {
    list: {
      type: Array,
      value: [],
    },
  },

  data: {
    history：''
  },

// 通过监听器来设置   首次加载时就会触发一次 用新的变量来接收改变之后的值（防止死循环）
  observers: {
    list: function (list) {
      if (!list.length) {
        return;
      }
      this.setData({
        history: list[0].content,
      });
    },
  },
    
});