小程序嵌入了web-view(H5)页面,点击H5页面的某个按钮跳回到小程序指定页面。
wx.miniProgram.navigateTo({
url: '/pages/lookfile/index?urlstring=' + $(this).attr('data-href')
});
场景一:微信扫开发者工具的预览二维码,点击H5页面按钮可以跳回到小程序指定页面
场景二:从微信的小程序端进入到小程序的web-view页面,点击H5页面按钮wx.miniProgram.navigateTo没有反应
我后来发现不能跳转的原因实际是因为我在尝试跳转到一个 tabbar page。而navigateTo 不能跳转到 tab bar page,这个限制同样适用于webview中发起的 navigateTo。
后边$(this).attr('data-href') 这块最好转义一下
wx.miniProgram.navigateTo({
url: '/pages/lookfile/index?urlstring=' + encodeURIComponent($(this).attr('data-href'))
});
url: '/pages/lookfile/index?urlstring=' + encodeURIComponent($(this).attr('data-href'))
});
改成这样了 如果真机扫码开发者工具是可以跳转的 。如果从微信小程序入口进去就是没反应。navigateTo也是同样的效果