uniapp 小程序嵌套H5开发总结 |
您所在的位置：网站首页 › uniapp的webview嵌套vue怎么通信 › uniapp 小程序嵌套H5开发总结 |
uniapp 小程序嵌套H5开发总结
|
项目需求是在uniapp小程序项目中嵌套H5页面，H5返回小程序需要传值给小程序进行通信。 好,百度一查确实可以实现 用的uniapp提供的web-view（https://uniapp.dcloud.io/component/web-view.html#web-view经验证实，做功能之前先看官网， 能少走很多弯路 ）就可以与外部链接通信。 那如何实现呢？ 1.在uniapp小程序项目创建web-view页面
项目代码 export default { data() { return { webviewPath: '', hackReset:false }; }, mounted(){ }, onLoad() { // console.log("来到自定义页面") console.log(this.$Route.query.webviewPath,"地址") this.webviewPath = this.$Route.query.webviewPath; }, methods:{ message(event) { console.log('接收从小程序传过来的id',event.detail.data) } } }; 2.创建一个html项目写H5页面
H5首页代码 |
【本文地址】
今日新闻 |
推荐新闻 |