webview uniapp与网络h5页面相互通信问题

分类：uni-app

webview通信

我现在需要，嵌入的h5页面发送消息给app，然后app调用自定义的sdk（因为h5无法调用自定义的sdk），返回结果给h5页面。
目前第一步，h5请求app已经通过，但是无法把数据返给h5页面，请教各位大神指导一下。

<web-view ref="wb" :src="data.appliUrl" @message="reciveMessage"></web-view>

methods: {
reciveMessage(e) {
console.log('收到子页面数据',e)

        this.$refs['wb'].evalJs('callback(1);');//问题，被嵌入页面内有callback方法  
    },  
},

TypeError: this.$refs['wb'].evalJs is not a function. (In 'this.$refs['wb'].evalJs('callback(1);')', 'this.$refs['wb'].evalJs' is undefined) __ERROR

2021-12-24 10:37 负责人:无分享

2 个回复

FullStack - 【插件开发】【专治疑难杂症】【ios上架、马甲包、白包、过审、已成功上架过几百个】【多款插件已上架：https://ext.dcloud.net.cn/publisher?id=22130】【非诚勿扰】QQ：543610866

this.$refs.wb.evalJs('callback(1)');

FullStack - 【插件开发】【专治疑难杂症】【ios上架、马甲包、白包、过审、已成功上架过几百个】【多款插件已上架：https://ext.dcloud.net.cn/publisher?id=22130】【非诚勿扰】QQ：543610866

官方WebView扩展、H5与原生交互双向通信传值、js注入、支持设置plus、vue、nvue里的WebView：https://ext.dcloud.net.cn/plugin?id=9832

要回复问题请先登录或注册