1.<script src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js"></script>
本地下载包引入也可以。
<script src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js"></script>
2.传递参数。
uni.webView.postMessage({
data: {
num:'3'
}
})
3.接收参数。
@message="handleMessage"文章来源:https://www.toymoban.com/news/detail-539497.html
<web-view style="width: 100vw; height: 100vh; z-index: 1; position: relative;" :src="url" :progress="true" @message="handleMessage">
</web-view>
methods: {
handleMessage(evt) {
console.log(evt.detail.data);
this.num = evt.detail.data[evt.detail.data.length-1].num
}
}
获取当前数据是一个数组,每次获取让数组长度-1就是你需要的数据。文章来源地址https://www.toymoban.com/news/detail-539497.html
到了这里,关于H5向uni-app小程序传递参数的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!