uni-app 小程序跳转页面等待数据加载

为了在页面跳转时等待数据加载，可以使用uni-app提供的页面传参功能。具体步骤如下：

1.在跳转前页面的方法中，使用uni.navigateTo()方法跳转到目标页面，并将需要传递的参数作为第二个参数传入，例如：

uni.navigateTo({
  url: '/pages/target/target?id=' + this.id,
  success: function(res) {
    console.log('跳转成功');
  }
});

2.在目标页面的onLoad()生命周期函数中，使用this.\$options.params获取传递的参数，例如：

onLoad() {
  console.log(this.$options.params.id);
}

3.在目标页面中使用获取到的参数进行数据加载，例如：

onLoad() {
  this.getData(this.$options.params.id);
},
methods: {
  getData(id) {
    uni.request({
      url: 'http://localhost:8082/api/getData?id=' + id,
      success: (res) => {
        console.log(res);
      }
    });
  }
}

相关问题

uni-app 高仿今日头条

对于Uni-app开发高仿今日头条的话题，可以通过以下步骤来实现：

1. 创建一个Uni-app项目：首先，在你的开发环境中安装好Uni-app的开发工具，然后新建一个Uni-app项目。

2. 设计页面结构：根据今日头条的界面，设计相应的页面结构，包括首页、频道页、详情页等。

3. 实现数据获取：使用Uni-app提供的API或者第三方插件，获取今日头条的数据。

4. 渲染页面：将获取到的数据渲染到相应的页面上，展示出今日头条的内容。

5. 实现交互操作：添加相应的交互操作，如下拉刷新、上拉加载更多、点击跳转详情页等。

6. 适配不同平台：Uni-app支持将项目一键打包成小程序、App、H5等多个平台，需要根据具体需求进行适配。

7. 测试与发布：在开发过程中进行测试，确保功能正常无误后，可以将项目发布到相应的平台上。

uni-app中app.json的subPackages用法及作用

在 uni-app 中，`app.json` 是整个小程序/APP 的配置文件，`subPackages` 是 `app.json` 中的一个配置项，用于配置分包加载的相关信息。

在使用 `subPackages` 时，我们需要将一部分页面和组件放在一个子包中，这样可以将这些内容从主包中分离出来，降低主包的大小，提高小程序/APP 的首屏加载速度。同时，也可以让用户在需要使用这些内容时才去下载相应的子包，节省用户的流量。

`subPackages` 的配置格式如下：

"subPackages": [
  {
    "root": "subpackageA",
    "pages": [
      "pages/subpackageA/index",
      "pages/subpackageA/detail"
    ]
  },
  {
    "root": "subpackageB",
    "pages": [
      "pages/subpackageB/index",
      "pages/subpackageB/detail"
    ]
  }
]

其中，`root` 表示子包的根目录，`pages` 表示子包中包含的页面路径。在这个例子中，我们创建了两个子包 `subpackageA` 和 `subpackageB`，它们分别包含了两个页面。

需要注意的是，子包中的页面路径必须以 `root` 开头，否则无法找到对应的文件。

在实际使用中，我们可以通过 `uni.navigateTo`、`uni.redirectTo`、`uni.reLaunch`、`uni.switchTab` 等 API 来跳转到子包中的页面。需要注意的是，跳转到子包中的页面时需要先下载对应的子包，因此可能会有一定的延迟。