详解小程序如何改变onLoad的执行时机

首先需要了解小程序的生命周期，onLoad是在页面加载时执行的函数，而且是在onShow之前执行。在页面初始化时，onLoad只会执行一次，此后通过页面跳转时，如果页面还在缓存中，则不会再次执行onLoad函数。

想要改变onLoad的执行时机，需要在页面的options中添加isReload参数，通过判断isReload参数的值来决定是否需要重新加载页面。

具体实现步骤如下：

1. 在页面的onLoad函数中添加判断逻辑，判断是否需要重新加载页面。

onLoad: function(options) {
  if (options && options.isReload) {
    // 需要重新加载页面，执行重新加载逻辑
  }
  // 页面常规加载逻辑
},

1. 在触发重新加载页面的事件中，通过wx.navigateTo跳转页面，并传递isReload参数。

// 触发重新加载页面的事件
function reloadPage() {
  wx.navigateTo({
    url: '/pages/index/index?isReload=true'
  })
}

这样，在跳转到新页面时，onLoad函数就会重新执行。

接下来我们通过两个示例来进一步说明如何实现改变onLoad的执行时机。

示例一：在页面中添加重新加载按钮

在页面中新增一个按钮，点击按钮时重新加载页面。

1. 在页面中添加一个button元素

<view>
  <!-- 页面内容 -->
  <button bindtap="reloadPage">重新加载</button>
</view>

1. 定义reloadPage函数，在函数中执行跳转页面并传递isReload参数

function reloadPage() {
  wx.navigateTo({
    url: '/pages/index/index?isReload=true'
  })
}

1. 在onLoad函数中添加判断逻辑，判断是否需要重新加载页面

onLoad: function(options) {
  if (options && options.isReload) {
    // 需要重新加载页面，执行重新加载逻辑
    // ...
  }
  // 页面常规加载逻辑
  // ...
},

示例二：在页面中添加下拉刷新功能，下拉刷新时重新加载页面

在页面中添加下拉刷新功能，在下拉刷新时重新加载页面。

1. 在页面配置中开启下拉刷新功能

{
  "enablePullDownRefresh": true
}

1. 在onPullDownRefresh函数中执行跳转页面并传递isReload参数

onPullDownRefresh: function() {
  wx.navigateTo({
    url: '/pages/index/index?isReload=true'
  })
}

1. 在onLoad函数中添加判断逻辑，判断是否需要重新加载页面

onLoad: function(options) {
  if (options && options.isReload) {
    // 需要重新加载页面，执行重新加载逻辑
    // ...
  }
  // 页面常规加载逻辑
  // ...
},

以上就是详解小程序如何改变onLoad的执行时机的完整攻略。需要注意的是，如果页面中存在其他需要执行一次的初始化逻辑，也可以采用类似的方式来实现。