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却不行，这证实了加载时机不同步的问题。
立即学习“前端免费学习笔记（深入）”；
解决方案：在Vue项目加载完成后，主动向C#发送确认消息。通过在Vue项目中添加window.chrome.webview.postMessage("successload");，在index.html加载完成后主动通知C#前端已准备好接收数据。 这确保了C#发送数据时，前端监听器已注册完毕，从而避免数据丢失。此方法有效解决了C#发送数据与前端加载完成时机不匹配的问题。
以上就是WebView2集成Vue项目：C#数据无法被前端接收如何解决？的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
996
