uniappAPP与webview子页面交互

Uniapp

<template>
	<view>
	    <web-view @message="reciveMessage" :webview-styles="webviewStyles" :src="src"></web-view>
	</view>
</template>

data() {
	return {
		webviewStyles: {
			progress: {
				color: '#FF3333'
			}
		},
		src: 'webview页面链接'
	}
},
methods:{
	reciveMessage(data) {
		console.log(data);
		let url = data.detail.data[0].url;

		// plus.runtime.openURL(url)
	}
}

Html代码

<script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js"></script>
<script>

    function goUrl(value) {

        uni.postMessage({
            data: {
                url : value
            }
        })
    }

</script>