uniapp relaunch不能带参数怎么回事

什么是uniapp relaunch？

Uniapp是一款跨平台的框架，可以同时开发iOS和Android应用程序，同时可以在Web和微信小程序中使用。在开发过程中，我们经常需要在不同页面之间进行跳转，而在uniapp中实现页面跳转的方法通常有两种：navigateTo和reLaunch。其中，navigateTo是在当前页面打开新页面，而reLaunch则是关闭所有页面并打开新页面。

为什么不能在reLaunch中传递参数？

在使用uniapp中的reLaunch方法时，我们会发现它不能够在打开新页面时传递参数，这是因为reLaunch方法的特殊性质导致的。reLaunch方法的功能是关闭所有页面并打开新页面，因此在执行该方法之后，所有的数据、状态和变量都会被清空，所以传递参数也没有任何作用。

如何解决reLaunch不能传递参数？

虽然无法在reLaunch中传递参数，但是我们可以通过其他的方法来传递数据。以下是几种常用的方法：

1.使用storage

将需要传递的数据保存在本地储存（localStorage或sessionStorage）中，然后在新页面中读取这些数据。这种方法需要注意的是，存储的数据必须是字符串类型，因此需要使用JSON对象进行转换。以下是一个示例：

//在当前页面中存储数据
uni.setStorageSync("data", JSON.stringify(data));
 
//在新页面中读取数据
let data = JSON.parse(uni.getStorageSync("data"));

2.使用Vuex

Vuex是一个专为Vue.js中设计的状态管理模式，可以将所有组件的状态集中存储到一个全局的store中，方便进行管理。如果在uniapp中使用Vuex，可以将需要传递的参数保存在store中，然后在新页面中获取store中的参数。以下是一个示例：

//在store中保存数据
const store = new Vuex.Store({
  state: {
    data
  }
});
 
//在新页面中获取数据
let data = this.$store.state.data;

3.使用url参数

在使用navigateTo方法时，我们可以在url中传递参数，然后在新页面中使用uni.getQueryParam取得这些参数。虽然reLaunch方法不能传递参数，但是我们在使用reLaunch方法时也可以通过拼接url的方式在新页面中传递参数。以下是一个示例：

//在当前页面中使用reLaunch方法
uni.reLaunch({
  url: "/pages/index/index?param=" + param
});
 
//在新页面中获取参数
let param = uni.getQueryParam("param");

总结

在使用uniapp进行开发时，虽然reLaunch方法不能够传递参数，但是我们可以通过其他方法来在不同页面之间传递数据，包括使用本地储存、使用Vuex以及在url中传递参数等。在进行参数传递时，需要根据具体情况进行选择，以达到最佳的效果。