场景是这样的:
公司的一个项目,使用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>