uniapp 中 web-view 向 App 传递消息

web-view向App传递消息

引入官方库

在web项目中引入官方库 uni.webview.1.5.4.js ，可以从uniapp官方示例库中下载，下载后放入web项目目录下即可，本文放在js文件夹中，然后在web项目页面中引入。

官网对于uni-app使用web-view的介绍如下：web-view

注意事项提到postMessage方法,这就是web-view向App传递消息的方法，使用如下：

注意H5本身不支持uni-app里面的方法，所以在项目中引入支持调用uni-app方法的库

web-view页面使用：

uni.postMessage({data: {action: 'click'}
});

uni-app接受消息：

<view><!--  #ifdef APP-PLUS --><uni-status-bar></uni-status-bar><!--  #endif --><web-view @message="getMessage" :src="webViewUrl"></web-view>
</view>getMessage(e) {console.log('webView传递过来的消息')const action = e.detail.data[0].action}