当前位置: 主页 > 日志 > 个人日记 > 文章

uniapp嵌套h5并通信调用h5方法

发布时间: 2021-10-16 18:45:17 作者: 王乐园 浏览次数: 538

uniapp嵌套h5并通信调用h5方法,app只在nvue中测试通过,uniapp vue没有试过

1.在 H5 中注册全局JS方法,

	// 与App 通信,被App调用的方法 
	window.returnPage =(e)=> {
		uni.navigateBack({
		    delta:1
		});
	}

2.在app中调用 h5中注册的方法

		<web-view  @onPostMessage="handlePostMessage" v-if="statusBarHeight != ''" ref="webview"  class="webview" :style="'height:'+windowHeight+'px;'" :src="url"></web-view>



this.$refs.webview.evalJs("returnPage('我还是帅哥')");

本站文章均为原创,欢迎转载,转载请以链接形式注明出处

本文地址: