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

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

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

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

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

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

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

3. 使用 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');
     }
   });
   

4. 使用 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' });
     }
   });