uniapp开发钉钉小程序使用web-view

场景是这样的:
公司的一个项目,使用uniapp开发钉钉小程序,其中一个应用是在 web-view 里面加载一个h5页面,h5页面有一个按钮,点击时返回钉钉小程序上一个页面。
是不是感觉很简单,拿起钉钉开发者文档或者uniapp开发文档使用CV大法就可以完成了,钉钉开发文档关于这部分的连接:钉钉开发者文档

在这里插入图片描述

web-view里面写onMessage方法,h5 使用 dd.postMessage 方法发送,触发onMessage方法就可以

错误示范:

<web-view onMessage="onmessage"  @click="test" id="web-view-1" :src="webUrl"></web-view>

但是。。。

在这里插入图片描述

消息是触发了,可函数找不到

解决钉钉webview配合uni-app使用时通信报错

交互时,并使用uni-app框架时,如果出现无法通信的问题,或找不到方法时,需使用@代替on 触发

// 官方代码 test为方法
test (e) {}
<web-view id="web-view-1" src="https://open.dingtalk.com/mobile" onMessage="test"></web-view> 

// uni-app中使用的
<web-view id="web-view-1" src="https://open.dingtalk.com/mobile" @message="test"></web-view>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

织_网

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值