微信小程序在组件中监听数据,并且在数组中随机取字符

一、微信小程序组件中的observers是什么？

eg：组件数据字段监听器，用于监听 properties 和 data 的变化
详细说明:微信小程序自定义组件开发文档

相关代码

代码如下（在组件中的示例）：

Component({
  /**
   * 组件的属性列表
   */
  properties: {
    showHide: {
      type: Boolean,
      value: false,
    },
    title: {
      type: String,
      value: "到底啦~",
    },
  },
  // 组件数据字段监听器，用于监听 properties 和 data 的变化
  observers: {
    showHide(val) {
      this._random();
    },
  },
  /**
   * 组件的初始数据
   */
  data: {
    icon: "icon2-shuiguopingguo",
    iconArre: [
      "icon2-shuiguopingguo",
      "icon2-icon-test1",
      "icon2-icon-test3",
      "icon2-icon-test4",
      "icon2-icon-test5",
      "icon2-icon-test7",
      "icon2-icon-test8",
      "icon2-icon-test9",
      "icon2-icon-test10",
      "icon2-icon-test11",
      "icon2-icon-test14",
      "icon2-shuiguojuan",
      "icon2-Pear",
      "icon2-shuiguo5",
    ],
  },

  /**
   * 组件的方法列表
   */
  methods: {
    // 随机改变图标
    _random: function () {
      var that = this;
      var arr = that.data.iconArre;
      var index = Math.floor(Math.random() * arr.length);
      that.setData({
        icon: arr[index],
      });
    },
  },
});

总结

利用observers方法监听父组件传入的properties值的变化,来触发事件,随机选择数组里面的值