支付宝小程序开发工具中如何模拟给页面传参？

duansamve2025-12-01 12:54

在支付宝小程序开发工具中，有几种方式可以模拟给页面传参：

1. 通过 URL 参数传递（最常用）

在跳转时添加参数

复制代码

// 使用 my.navigateTo
my.navigateTo({
  url: '/pages/detail/detail?id=123&name=test&type=product'
});

// 使用 my.redirectTo
my.redirectTo({
  url: '/pages/detail/detail?from=home&category=tech'
});

在目标页面接收参数

复制代码

// pages/detail/detail.js
Page({
  onLoad(query) {
    console.log('接收到的参数:', query);
    // { id: "123", name: "test", type: "product" }
    
    const { id, name, type } = query;
    this.setData({
      itemId: id,
      itemName: name,
      itemType: type
    });
  }
});

2. 开发工具中的模拟方法

方法一：使用自定义编译模式

点击开发工具右上角的 "普通编译" 下拉菜单

选择 "添加编译模式"

在启动参数中填写：

复制代码

id=123&name=测试商品&category=electronics

设置页面路径：pages/detail/detail

方法二：修改调试面板参数

打开调试器面板

在 Console 中手动触发页面跳转：

复制代码

my.navigateTo({
  url: '/pages/detail/detail?debug=true&userId=1001&token=abc123'
});