建设网站的那个公司好,济南网站制作报价,手机建造网站,鄂州网站推广环境#xff1a; uniapp开发微信小程序#xff0c;嵌套webview#xff0c;H5页面也是用的uniapp框架开发#xff0c;H5页面点击商品后#xff0c;需要跳转到微信小程序的详情页面
做法的原因
在微信小程序中使用web-view元素#xff0c;如果要实现 H5到小程序的通信 uniapp开发微信小程序嵌套webviewH5页面也是用的uniapp框架开发H5页面点击商品后需要跳转到微信小程序的详情页面
做法的原因
在微信小程序中使用web-view元素如果要实现 H5到小程序的通信很难很复杂限制很多。 如果不做跳转页面只做通信的话建议通过后端接口轮询或者WebSocket, 或者跳转loading页面通过url传递参数loading页面进行逻辑处理 成功源码
H5项目
需要引入 weixin-js-sdk pnpm add weixin-js-sdk在需要跳转微信小程序页面的页面引入
import jwx from weixin-js-sdk使用sdk的miniProgram.navigateTo事件可以跳转到微信小程序中的某个页面 // 点击事件 url的值跟微信小程序中跳转的值一样路径也跟微信小程序的一样// 微信小程序中怎么跳转这个也怎么跳转toDetails(name, item) {if (name design) {jwx.miniProgram.navigateTo({url: /pageHome/pages/design/index?id${item.id},})} else {jwx.miniProgram.navigateTo({url: /pageHome/pages/videos/index?id${item.id},})}},微信小程序逻辑
如果只是跳转到某个页面微信小程序的web-view页面不需要任何操作
web-view :srcsrc :webview-styleswebviewStyles/web-view如果有更好的方案希望联系我或者留言谢谢大佬们
