小程序之间的跳转(带参)

小程序之间的跳转(带参),第1张

wx.navigateToMiniProgram

从小A序跳转到小B序

首先介绍一下需要用到的api  :wx.navigateToMiniProgram 

他的参数

参数名        是否必填        类型        说明

appId            是                 string        要打开的小程序 appId

path              是                 string        目标小程序的指定页面,为空的话跳首页

extraData     否                 object        需要带给目标小程序的参数

envVersion   否                 string        目标小程序的版本  (基本没啥用)

success       否                 function     成功回调

fail               否                 function     失败回调

complete     否                 function     结束回调

在起步小程序中的app.json中需要配置跳转小程序的appid

目标小程序 可以在app.js中接收起步小程序带过来的参数,官方文档给的是app.onLaunch和app.onshow都能接到参数,但是我的onLaunch不能打印出来,可能我的小程序是个傻的小程序。( 注意千万是在app.js中,而不是目标页面的js文件 ,我就吃了这个亏)

小A序(表演跳转)

小B序(表演接收参数)

关于调试,开发者工具是不能跳转的,不过我们可以真机调试,两个小程序都开始真机调试,在小程序右上角的三个小点点有个打开调试,就能看到log出来的参数了,根据自己习惯吧,展示在页面上也是个好办法。

准备工具:

微信小程序、微信小程序开发工具、截图工具、WPS、笔记本电脑

具体步骤:

1、双击打开微信小程序开发工具,创建一个微信小程序项目。

2、在pages文件夹下,新建一个模块文件夹,并在该文件夹下新建一个wxml文件

3、在界面中,插入view和form元素,form元素中添加一个输入框和按钮

4、接着在输入框中,添加type属性、name属性和value值,并进行变量绑定

5、接着打开页面中的JavaScript文件,data对象中添加username变量,然后添加submitData方法

6、保存代码并刷新项目,查看左侧的模拟器,然后在输入框中输入内容

7、点击提交按钮,可以发现输入框的值被清空了,说明这个清空表单元素数据成功了


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/8109996.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-13
下一篇 2023-04-13

发表评论

登录后才能评论

评论列表(0条)

保存