uni-app小程序跳转小程序方法及在开发者工具调试

淡淡的烟草味﹌ 2022-10-18 01:35 46阅读 0赞

1、方法

wx.navigateToMiniProgram(\{

appId: ‘’,

path: ‘pages/index/index?id=11’

extraData: \{

footer:'bar'

\},

envVersion: 'trial',

success(res) \{

\})

2、参数说明

<table> 
 <tbody> 
 <tr> 
 <td style="vertical-align:top;width:142pt;"> 参数名 </td> 
 <td style="vertical-align:top;width:142.05pt;"> 值 </td> 
 <td style="vertical-align:top;width:142.05pt;"> 说明 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:142pt;"> extraData </td> 
 <td style="vertical-align:top;width:142.05pt;"> &nbsp; </td> 
 <td style="vertical-align:top;width:142.05pt;"> 跳转小程序接收的值 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:142pt;"> envVersion </td> 
 <td style="vertical-align:top;width:142.05pt;"> develop </td> 
 <td style="vertical-align:top;width:142.05pt;"> 开发版 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:142.05pt;"> trial </td> 
 <td style="vertical-align:top;width:142.05pt;"> 体验版 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:142.05pt;"> release </td> 
 <td style="vertical-align:top;width:142.05pt;"> 正式版 </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:142pt;"> appId </td> 
 <td style="vertical-align:top;width:142.05pt;"> &nbsp; </td> 
 <td style="vertical-align:top;width:142.05pt;"> 小程序appId </td> 
 </tr> 
 <tr> 
 <td style="vertical-align:top;width:142pt;"> path </td> 
 <td style="vertical-align:top;width:142.05pt;"> &nbsp; </td> 
 <td style="vertical-align:top;width:142.05pt;"> 跳转页面的路径，可不是首页 </td> 
 </tr> 
 </tbody> 
</table>

3、跳转小程序接收值  
      在App.vue里的onShow或者onLaunch里面接收传过来的值然后存入缓存，若是接在路径后面用e.query，若参数在extraData用e.referrerInfo.extraData。  
![20210604161310350.png][]

4、开发者工具调试  
    在开发者工具可以添加编译模式，选择场景1037，配置好信息就可模拟从其他小程序带参数进入的场景  
![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NDAwNzM2_size_16_color_FFFFFF_t_70][]

参考文档：[https://developers.weixin.qq.com/miniprogram/dev/api/open-api/miniprogram-navigate/wx.navigateToMiniProgram.html][https_developers.weixin.qq.com_miniprogram_dev_api_open-api_miniprogram-navigate_wx.navigateToMiniProgram.html]

[20210604161310350.png]: /images/20221014/c1e39f8b6cf24276b5cde42b085ed9e6.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzM0NDAwNzM2_size_16_color_FFFFFF_t_70]: /images/20221014/16f22bf6fec74d608dfbe8177349a848.png
[https_developers.weixin.qq.com_miniprogram_dev_api_open-api_miniprogram-navigate_wx.navigateToMiniProgram.html]: https://developers.weixin.qq.com/miniprogram/dev/api/open-api/miniprogram-navigate/wx.navigateToMiniProgram.html