微信小程序怎么跟H5页面进行交互

1800
2021/1/5 14:15:41
栏目: 云计算
开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

微信小程序怎么跟H5页面进行交互

在微信小程序实现跟H5页面进行交互的方法

1.使用web-view标签内嵌网页,通过 src 携带参数,通过 @message 接收h5传回的数据实现交互

<template>
<view>
<web-view :src="activity.imgUrl?id=xxx" @message="postMessage"></web-view>
</view>
</template>

2.在h5页面通过 wx.miniProgram.postMessage 向小程序传递参数

<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>

<script type="text/javascript">

wx.miniProgram.postMessage({

data: 'foo'

})

</script>


辰迅云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读: 微信小程序为什么需要ssl