微信小程序两个pages调用

微信小程序两个pages调用,第1张

在微信小程序中,两个pages之间的调用可以通过wx.navigateTo()方法来实现,具体 *** 作如下:

1、在需要跳转的页面中,调用wx.navigateTo()方法,传入目标页面的路径,如:

wx.navigateTo({

url: '../otherPage/otherPage',

})

2、在目标页面中,可以通过onLoad()方法获取传递过来的参数,如:

onLoad: function (options) {

console.log(options)

}

需要用到小程序的web-view, 官方文档链接

web-view是承载网页的容器。会自动铺满整个小程序页面,个人类型的小程序暂不支持使用。写法如下:

注:当在微信开发中瞎裤工具里返回“{"base_resp":{"ret":-1}}”时,需要点左上角“设置”--“项目设置”--勾选“不校验合法域名、web-view(业务域名)、TLS 版本以及 HTTPS 证书”

因为外部h5无法跳转到小程序,因此需要把h5内嵌到小程序的web-view中。

一:首页小程序内嵌h5网页,内嵌这一步就相当于上面的小程序跳转h5:

二:然后在内嵌的网页里引入js,调用wx.miniProgram.navigateTo跳转小程序方法,可在url后拼接要传的参数:

三:小程序接受参数的页面:

index.wxml:

index.js

这样就从h5跳到小程序指定的页面并且可以拿到我们想要传的参数

原文作者技术博客: https://www.jianshu.com/u/ac4daaeecdfe

95后前端妹子一枚,爱阅读,爱交友,将工作中遇到磨盯简的问题记录在这里,希望给每一个看到的你能带来一则旅点帮助。

欢迎留言交流


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

原文地址: https://outofmemory.cn/yw/12436380.html

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

发表评论

登录后才能评论

评论列表(0条)

保存