微信小程序中页面显示时触发子组件的重新渲染

使用生命周期函数：
在页面的 onShow 或 onLoad 生命周期函数中，调用子组件的方法或者改变子组件的数据，从而触发子组件的重新渲染。

例如，在页面的 js 文件中：

Page({
  onShow: function() {
    // 调用子组件的方法
    this.selectComponent('#childComponentId').refreshData();
    // 或者改变子组件的数据
    this.selectComponent('#childComponentId').setData({ key: 'new value' });
  }
});

使用 setData：
如果子组件的数据依赖于父组件的数据，可以在父组件的 onShow 或 onLoad 生命周期函数中，通过 setData 改变父组件的数据，从而间接触发子组件的重新渲染。

例如，在页面的 js 文件中：

Page({
  data: {
    parentData: 'initial value'
  },
  onShow: function() {
    // 改变父组件的数据，从而触发子组件的重新渲染
    this.setData({ parentData: 'new value' });
  }
});

使用 triggerEvent：
在子组件中定义一个事件，当页面显示时，父组件通过 triggerEvent 触发子组件中的这个事件，子组件监听到事件后进行相应的处理，从而实现重新渲染。

例如，在子组件的 js 文件中：

Component({
  methods: {
    handleEvent: function() {
      // 子组件重新渲染的逻辑
      this.setData({ key: 'new value' });
    }
  },
  // 定义事件
  observers: {
    'someData': function(newVal) {
      if (newVal) {
        this.handleEvent();
      }
    }
  }
});

然后在父组件的 onShow 或 onLoad 生命周期函数中触发这个事件：

Page({
  onShow: function() {
    // 触发子组件的事件
    this.selectComponent('#childComponentId').triggerEvent('eventName');
  }
});

使用 observers：
在子组件中使用 observers 监听数据变化，当页面显示时，通过改变子组件的数据来触发 observers，从而实现重新渲染。

例如，在子组件的 js 文件中：

Component({
  data: {
    childData: 'initial value'
  },
  observers: {
    'childData': function(newVal) {
      // 子组件重新渲染的逻辑
      this.setData({ key: 'new value' });
    }
  }
});

然后在父组件的 onShow 或 onLoad 生命周期函数中改变子组件的数据：

Page({
  onShow: function() {
    // 改变子组件的数据
    this.selectComponent('#childComponentId').setData({ childData: 'new value' });
  }
});