跳到主要内容

页面跳转传参配置

使用场景

页面 URL 参数通常用于,两个页面间跳转数据传递。

基础功能

  • 支持定义多个 URL 参数,用于接收数据。
  • 若开启必填,则跳转到页面时,必须携带该参数。

应用示例

页面 A 单击图标, 跳转到页面 B,并且带数据 ID。

  1. 在编辑器中创建两个页面,分别命名为页面 A 与页面 B。
  2. 目标页面 B,定义从其他页面跳转需要传入的 URL 参数,用于接收数据。 1. 切换到目标页面 B。 2. 选中需要使用 URL 参数的组件。 3. 单击绑定表达式。 ![](https://qcloudimg.tencent-cloud.cn/raw/41c22c8955c79ba23f4eb48666b19e92.png) 4. 单击新建页面 URL 参数。 ![](https://qcloudimg.tencent-cloud.cn/raw/70f80d60e4a33f622db4726a3df893fe.png) 5. 输入参数名称和是否必填写,保存。 ![](https://qcloudimg.tencent-cloud.cn/raw/41a884c9d98121b4ccb877db9258568c.png) 6. 选中参数并保存。 ![](https://qcloudimg.tencent-cloud.cn/raw/901a6f8cbe32c2c5007c6f1e728d35f2.png) 此时,目标页面 B 需要的参数就定义好了。下一步需要从其他页面跳转时,设置传入参数。
  3. 页面 A 设置跳转动作,并设置所需的传递参数。 1. 切换到另一个页面 A。 2. 选中要跳转页面的组件。 3. 打开事件设置跳转。 4. 添加事件打开页面,选择要跳转的页面,输入需要传递的参数,单击保存 参数传入可以用静态数据,或使用表达式计算。
  4. 开启实时预览,体验查看跳转结果。 开启实时预览,在页面 A 中单击按钮跳转至页面 B,可以看到文本组件的内容会根据传参变更为123