雷峰
雷峰
  • 发布:2021-03-18 17:31
  • 更新:2024-11-07 16:07
  • 阅读:29767

webview使用uniapp项目开发无法使用uni.postMessage(踩坑经验分享)

分类:uni-app

1、使用uniapp项目写H5 webview,使用hello uniapp的模板,按照webview文档里的源码往template.h5.html里面写入相关内容。
2、引入的https://js.cdn.aliyun.dcloud.net.cn/dev/uni-app/uni.webview.1.5.2.js脚本,它这个地方是个坑。你要手动改源码。uni.webview.js文件里面注册的就是uni对象。被uniapp项目自带的uni对象覆盖了,我就是把源码里面注册uni对象换了个名字(webUni)就好了。
END:这里把我自己改好的js文件贴上来,包括template.h5.html文件,可以直接使用webUni.postMessage方法。

30 关注 分享
老船长9999 zwzz 千羽羊驼 1***@163.com myforr 1***@139.com Huareu 1***@qq.com 4***@qq.com 言会咸 ai自由畅想 1***@qq.com 5***@qq.com DLO seabert 9***@qq.com 8***@qq.com 8***@qq.com wetyou DCloud_UNI_OttoJi 2***@qq.com Adlaw 套马杆的套子 3***@qq.cm 1***@qq.com 2***@qq.com 1***@qq.com 9***@qq.com 1***@qq.com 1***@qq.com

要回复文章请先登录注册

t***@163.com

t***@163.com

回复 2***@qq.com :
uni.改成webUni就行了
2024-11-07 16:07
2***@qq.com

2***@qq.com

引入uni.webview.js这个文件后 uniapp上写的方法全部都失效了
2024-09-18 15:02
我吃柠檬

我吃柠檬

回复 我吃柠檬 :
打印不出来东西
2024-09-12 14:36
我吃柠檬

我吃柠檬

回复 2***@qq.com :
小程序端使用的web-view,然后<web-view src="xxx" @message="onMessage"></web-view> onMessage为什么打印出来东西?
2024-09-12 14:31
2***@qq.com

2***@qq.com

谢谢老哥,很有用,引入你的js文件后,在webview页面中引入: import webUni from "@/static/js/uni.webview.js";
然后就可以正常使用了
webUni.postMessage({
data: {
action: 'notLogin'
}
})
2024-09-05 14:39
s***@163.com

s***@163.com

回复 菜鸟107 :
你好,我也出现了这个问题,请问最后是如何解决的?
2024-07-18 11:16
菜鸟107

菜鸟107

回复 Adlaw :
好的,已添加
2024-01-30 14:33
Adlaw

Adlaw

回复 菜鸟107 :
加我qq2134632360
2024-01-30 14:31
菜鸟107

菜鸟107

回复 Adlaw :
老哥,方便加个联系方式吗,Error in v-on handler: "ReferenceError: uuni is not defined",这个SDK文件是加app里还是h5 那边,我现在全部都试了 还是不行
2024-01-30 14:28
Adlaw

Adlaw

回复 菜鸟107 :
有报什么错吗
2024-01-30 14:18