webview2与vue项目数据交互难题：c#数据无法被前端接收的解决方案
本文分析了在使用WebView2嵌入Vue项目时，C#端数据无法被前端接收的常见问题。具体场景：一个Windows C#程序通过WebView2加载Vue打包后的项目，C#需要向Vue项目发送设备列表数据，但只有加载简单的HTML文件才能成功接收数据，而加载Vue打包后的index.html则失败。
问题根源在于Vue项目加载存在延迟，导致C#发送的消息在前端addEventListener("message")监听器注册前就已经发送。
C#端使用webView21.CoreWebView2.WebMessageReceived += GetDrawInfo;发送消息，Vue项目使用window.chrome.webview.addEventListener("message", function (event) { ... });监听消息。测试表明，单独的test.html文件可以正常接收，但Vue打包后的index.html却不行，这证实了加载时机不同步的问题。
来画数字人直播
来画数字人自动化直播，无需请真人主播，即可实现24小时直播，无缝衔接各大直播平台。
0 查看详情
立即学习“前端免费学习笔记（深入）”；
解决方案：在Vue项目加载完成后，主动向C#发送确认消息。通过在Vue项目中添加window.chrome.webview.postMessage("successload");，在index.html加载完成后主动通知C#前端已准备好接收数据。 这确保了C#发送数据时，前端监听器已注册完毕，从而避免数据丢失。此方法有效解决了C#发送数据与前端加载完成时机不匹配的问题。
以上就是WebView2集成Vue项目：C#数据无法被前端接收如何解决？的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/273263.html
微信扫一扫 
支付宝扫一扫 
