玉立
玉立
  • 发布:2019-05-15 16:20
  • 更新:6 天前
  • 阅读:3845

请问在小程序中引用uni-app开发的H5页面要如何使用postMessage方法呢

分类:uni-app

如下是用uni-app开发的H5页面uni.navigateBack和uni.postMessage都不能用

<template>  
    <view class="content">  
        <button class="left" type="primary" @click="clickToEdit">重新编辑</button>  
        <button class="right" type="primary" @click="clickToSubmit">确认制作</button>  
    </view>  
</template>  

<!-- 微信 JS-SDK 如果不需要兼容微信小程序,则无需引用此 JS 文件。 -->  
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.4.0.js"></script>  
<!-- uni 的 SDK -->  
<script type="text/javascript" src="https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.1.js"></script>  
<script>  
    export default {  
        data() {  
            return {  
            }  
        },  
        onLoad(option) {  
        },  
        methods: {  
            // ****************************************** Action ******************************************  
            //重新编辑  
            clickToEdit() {  
                uni.navigateBack({  
                    delta: 1  
                })  
            },  
            //确定制作  
            clickToSubmit() {  
                uni.postMessage({  
                    data: 1  
                });  
            },  
        }  
    }  
</script>  

<style>  
    .content {  
        background-color: #eeeeee;  
    }  
</style>  
2019-05-15 16:20 负责人:无 分享
已邀请:
ThorUI_echo

ThorUI_echo - 开源项目: https://thorui.cn/doc

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

  • 5***@qq.com

    这个真不错,uniapp开发的网页端 和 app nvue端 两者通信卡了半天 网页端 一直报 uni.postMessage 方法不存在,用了这个封装后的就好了

    2021-03-19 17:16

3***@qq.com

3***@qq.com - 一只前端小白

请问楼主解决了吗

Qiuh

Qiuh

uni-app开发的H5页面可以参考这篇文章,使用window.postmessage进行通信:https://www.jianshu.com/p/e849cdb0e81e

8***@qq.com

8***@qq.com

请教下,最后是怎么解决的?

  • 1***@qq.com

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

    2021-09-28 10:49

1***@qq.com

1***@qq.com

Vggghh

DCloud_UNI_WYQ

DCloud_UNI_WYQ

h***@haomo-studio.com

h***@haomo-studio.com - 热爱技术的企业家

引入了最新的 https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js,依然无法使用 uni.postMessage....

  • 2***@qq.com

    请问最后解决了吗?怎么解决的?

    2020-11-16 10:10

  • 1***@qq.com

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

    2021-09-28 10:49

d***@qq.com

d***@qq.com

这个方法有用!测试了
app是uni开发的,H5也是uni开发的, 用他这个方法能通信

要回复问题请先登录注册