html52.com
我爱小程序-开发者交流社区

vue调用wx.miniProgram.navigateTo失效?

API:wx.miniProgram.navigateTo

微信版本:7.0.14

基础库版本号:2.11.3

项目导入的是1.6.0版本的wxjs jdk

vue使用此API没有效果,但是在微信开发者工具的模拟器上是可以正常使用,真机调试和预览都不可以,前端console出wx为{"miniProgram":{}}

网友回复

青团社:

在链接后拼接:#wechat_redirect

开发者页面中的 web-view 组件加载后,加载下个 URL 对应的页面中,带有独立的 iframe, iframe 的加载有一定概率会引发 iOS微信上 web-view 组件错过注入 JSBridge 的时机,导致 wx.miniProgram 及其他 JSSDK api 调用无反应。

解决方案:

  1. 在这之前带有 iframe,并偶现该问题的页面,可尝试页面加载时延迟加载 iframe
  2. 若 web-view 组件上有问题的 URL 中,并没有带上 fragment ,可尝试带上 #wechat_redirect ,如 https://m.qtshe.com#wechat_redirect,通过同步注入 JSBridge 来解决这个问题(会增加页面大约 200ms 的加载耗时)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

真正的个人免签约支付接口

云免签H5支付