问题标签 [electron-vue]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
397 浏览

macos - 关闭电子应用程序时如何本机显示保存更改对话框?

我正在创建一个电子应用程序。我将用户进度保存在一个文件中。当用户尚未保存并尝试关闭应用程序时,我希望应用程序显示通常的“关闭前保存更改”

我可以显示一个自定义对话框,但是,我想以本机方式进行。

(示例:在 macOS 上,当您编辑文件时,红色按钮会发生变化,让用户知道应用程序有未保存的内容)

我想要完成的示例

我知道这可能必须在 Electron 的侦听器中完成,以便关闭应用程序:

...防止quit()被调用。而是处理未保存的文件状态和对话框。

PD:我已经处理了知道用户是否保存进度的逻辑。我只想知道如何为我的电子应用程序设置“未保存”状态并正确处理它。

(例子是Visual Studio Code,它也是一个Electron App)

0 投票
1 回答
658 浏览

javascript - 如何从 vuejs 中的 iziModal 获取按钮事件

我在电子Vue中有一个应用程序。它建立在 nodejs 之上。我在我的应用程序中添加了 izimodal,它可以正常工作和显示。但我不能使用v-modeland @click="dntok"。这意味着我无法获得按钮事件也无法绑定文本框。如何在文本字段中获取按钮事件和文本。

0 投票
1 回答
3728 浏览

javascript - 从本地磁盘加载图像

我目前使用电子-vue 样板来接触电子。

我的目标是显示应用程序(渲染器进程)中给定文件夹中的所有图像。

运行此代码会导致以下错误消息:错误 如果我将注释掉的行与非常慢的 base64 编码图像一起使用(第 8 行),则一切正常。

简单地显示这些图像的正确解决方案是什么?

0 投票
1 回答
2205 浏览

javascript - Electron:将“全屏”标志设置为 false 不会禁用 macOS 上的全屏按钮

在 Electron 中创建新BrowserWindow实例时,可以设置几个标志,其中之一是fullscreen.

标志的描述如下:

窗口是否应全屏显示。当显式设置为 false 时,全屏按钮将在 macOS 上隐藏或禁用。默认为假。

但是,根据我的经验,窗口只是移动到屏幕的左下角(请注意,按钮本身也是绿色的,而不是灰色的)。

我在这里上传了一个显示这种行为的 GIF。(堆栈不允许我上传大文件)

我的createWindow声明是这样写的:

我相信resizable设置为 false 的标志可能与 冲突fullscreen,不知何故。

我正在使用electron-vueElectron 1.7.5 附带的样板。更新到 2.0.0 并没有解决这个问题。package.json使用.更新所有内容(忽略我的yarn upgrade --latest.

我正在运行 macOS High Sierra 10.13.4。

如果您想了解更多信息,请询问。

0 投票
1 回答
690 浏览

webpack - 如何在 umzug 配置中传递迁移实例数组

我正在使用 umzug 在我的电子 vue 应用程序中运行迁移,因为 webpack 我不能使用类似的路径

所以我听说我可以传递迁移实例,但我不知道我是怎么做到的。

到目前为止,我有这个:

0 投票
1 回答
793 浏览

javascript - 通过 vue 和 electron 共享一个全局变量

我一直在使用 electron-vue,当我尝试通过 electron 和 vue 共享一组全局变量时遇到了一些问题。我尝试过 vuex,发现在主进程(电子)中所做的更改没有出现在 chrome 进程中(值不同)。我也尝试过 electron-vue 但它无法触发 vue 的更新。

0 投票
3 回答
6359 浏览

macos - 如何使用电子获得完美尺寸的托盘图标?

我尝试过 32x32、64x64,并尝试使用 Photoshop 将另一个应用程序的图标编辑到我的图标中以保持其大小,但它对我不起作用。看来我的图标是双倍大小的,我无法看到整个图标。

0 投票
2 回答
183 浏览

javascript - electron-vue ~ 无法使用 RxJS 订阅更新 vuex 状态

我的突变中有两个功能和两个状态

SET_UPLOAD_IMAGE用于设置文件状态,UPLOAD_IMAGE用于触发将图像上传到服务器。上传过程运行并返回上传进度。我uploadImage()返回一个 Observable 并且我想在收到进度时更新uploadProgress状态,但我不能这样做。它不断在控制台中给出错误,如下图所示:

在此处输入图像描述

我不知道如何处理这个错误。我已经花了 4 个多小时来处理这个问题。我非常感谢您的帮助和建议。非常感谢。

0 投票
1 回答
1282 浏览

javascript - 使用 Electron 应用 Sqlite/任何 SQL 数据库迁移 [Windows, Mac]

我的情景,

我正在开发基于桌面的应用程序。我最大的挑战是将数据保存到关系数据库中(离线)并相应地同步(公司有自己的同步算法)。我使用ElectronVueJS作为客户端。为了构建桌面应用程序,我使用了electron-builder。我能够使用原始 SQL 或各种 ORM 编写迁移。

我想要的是?

虽然我将安装到桌面,但我想创建数据库文件并在客户端计算机上应用所有迁移。我只是不知道那部分如何做到这一点。我还查看了Electron Builder Docs。但是没看懂。我需要一个例子,任何想法。

请帮我。谢谢

0 投票
1 回答
1829 浏览

javascript - Vuex Electron:提交突变时出现异常

我正在使用 Vue 和 Vuex 编写一个 Electron 应用程序。

我的店铺如下(counter.js):

我的 Vue 组件如下(LandingPage.vue):

当我单击按钮进行递增时,将commit调用 ,并触发以下异常:

我不明白究竟是什么原因造成的,因为我一直在关注出现的https://www.youtube.com/watch?v=LW9yIR4GoVUhttps://vuex.vuejs.org/guide/mutations.html这样做。