uniapp登录成功后跳转到其他页面刷新

1. 背景介绍

对于使用uniapp开发小程序的开发者来说，很多时候需要在登录成功后跳转到其他页面并刷新页面，以便能够获取一些最新的信息，例如用户信息等。本文将介绍如何在uniapp中实现登录成功后跳转到其他页面并刷新页面的功能。

2. 实现思路

要实现登录成功后跳转到其他页面并刷新页面，我们需要做以下几件事情：

在登录成功后，将需要刷新的页面的数据保存到本地存储中

跳转到需要刷新的页面

在需要刷新的页面中，读取本地存储中的数据，更新页面数据

3. 具体实现步骤

3.1 在登录成功后保存需要刷新的页面的数据到本地存储中

我们可以使用uniapp提供的本地存储API，将需要刷新的页面的数据保存到本地存储中。在uniapp中，可以使用uni.setStorageSync方法来保存数据到本地存储中。例如：

uni.setStorageSync('needRefresh', true);

上述代码将一个名为"needRefresh"，值为true的数据保存到了本地存储中。

3.2 跳转到需要刷新的页面

我们可以使用uniapp提供的路由API，来跳转到需要刷新的页面。在uniapp中，可以使用uni.navigateTo方法来跳转到其他页面。例如：

uni.navigateTo({
  url: '/pages/refresh/refresh'
});

上述代码将会跳转到一个名为"refresh"的页面。

3.3 在需要刷新的页面中读取本地存储中的数据，更新页面数据

在"refresh"页面的onLoad生命周期函数中，我们可以读取本地存储中的数据，并根据数据来更新页面的数据。在uniapp中，可以使用uni.getStorageSync方法来读取本地存储中的数据。例如：

onLoad: function () {
  var needRefresh = uni.getStorageSync('needRefresh');
  if(needRefresh) {
    this.refreshData();
    uni.removeStorageSync('needRefresh');
  }
},
refreshData: function() {
  // 刷新页面数据
}

上述代码中，我们首先使用uni.getStorageSync方法，读取名为"needRefresh"的本地存储数据。如果存在该数据，则说明需要刷新页面数据，此时我们调用refreshData方法刷新页面数据。同时，我们还需要调用uni.removeStorageSync方法，将名为"needRefresh"的本地存储数据删除，以免下次打开"refresh"页面时会再次刷新数据。

4. 结论

通过上述实现，我们可以在uniapp中实现登录成功后跳转到其他页面并刷新页面的功能。同时，这种实现方式也可以应用于其他类似的场景中，例如订单支付成功后跳转到订单详情页并刷新页面等。