速查表之uniapp与vue h5页面通信

获取环境

this.tui.webView.getEnv(e => {
        console.log( e.h5) // true
})

发送数据

var d ={
    ...
}
this.tui.postMessage({ data: { ...d } })

main.js里引入webview.js,此文件从官网或者下面的地址里下载即可

const tui = require('@/assets/js/webview.js')
Vue.prototype.tui = tui

APP接收端与官网无异

<template>
	<view>
		<view>
			<!-- url为要跳转外链的地址-->
			<web-view :src="url" @message="getMessage" >
			</web-view>
		</view>
	</view>
</template>

<script>
export default {
	methods: {
			getMessage(event){
			    console.log('接收到消息',event.detail.data)
			}
		}
	}
</script>

参考github
https://github.com/dingyong0214/uni.webview.js