当前位置: 首页 > 知识库问答 >
问题:

javascript - Vue 打包项目在 WebView2 中未收到 C# 发送的数据,如何排查和解决问题?

冯淳
2024-05-23

我有1个windows C#项目,项目里要使用1个vue项目,vue项目现在已经打好包,放入在windows项目内,window项目使用的是 webView2引用vue打好包的主页index.html

我的需求:在打开vue页面时,index.html需要使用设备列表数据,数据是webView2传给前端,

这是后端代码

      // 下面能正常接收到消息                // webView21.Source = new Uri("file:///D:/Work/Git/cmvrf/CMVRF/Project3/development/test.html");                // 下面接收不到消息                 webView21.Source = new Uri("file:///D:/Work/Git/cmvrf/CMVRF/Project3/development/index.html#/haierDragDropSystem?lang=en&isdark=1");                                webView21.CoreWebView2.WebMessageReceived += GetDrawInfo;

这是前端代码

    //  这里是前端 接收C#消息:window.chrome.webview.addEventListener("message", function (event) {      // 设备列表      console.log(event.data);    });

现在有1个问题,如果只用单独的test.html接收event.data是能正常收到数据,但是如果用vue打包好的项目index.html接收不到event.data,是不是vue项目的index.html打开有延时,C#发送的消息提前发送了,在index.html打开时addEventListener("message")监听不到了,这种情况怎么办?

共有1个答案

郭恩
2024-05-23
// 增加了这句就可以了    window.chrome.webview.postMessage("successload");    //  接收C#消息:    window.chrome.webview.addEventListener("message", function (event) {//...})
 类似资料:
  • 本文向大家介绍如何解决vue打包vendor过大的问题?相关面试题,主要包含被问及如何解决vue打包vendor过大的问题?时的应答技巧和注意事项,需要的朋友参考一下 1、在webpack.base.conf.js新增externals配置,表示不需要打包的文件,然后在index.html中通过CDN引入 2、使用路由懒加载 官网

  • 问题内容: 我正在尝试为请求和响应应用程序创建桌面客户端。 我能够轻松地执行GET请求。但是我想知道是否有人可以帮助我确定如何进行JSON请求和响应。并将其解析为字符串,从那里我可以锻炼如何将其全部切开 问题答案: Json.net在.net世界中无处不在。

  • 本文向大家介绍vue-socket.io接收不到数据问题的解决方法,包括了vue-socket.io接收不到数据问题的解决方法的使用技巧和注意事项,需要的朋友参考一下 最近公司的一个vue项目用到了vue-socket.io来处理socket数据传输,之前用过socket.io-client,现在知道vue-socket.io是基于socket.io-client的一层封装,将socket挂于全局

  • 本文向大家介绍解决Vue 项目打包后favicon无法正常显示的问题,包括了解决Vue 项目打包后favicon无法正常显示的问题的使用技巧和注意事项,需要的朋友参考一下 在开发中经常需要为项目添加favicon以增加网站辨识度,在使用Vue开发中出现添加的favicon.ico无法显示问题,如下给出解决方法: 问题分析: 问题根源在于路径,如果使用http链接作为favicon地址一般不是出现问

  • 我正在获取库项目中Examid字符串的空值。