vue通过electron获取本地文件绝对路径

要在 Vue 中通过 Electron 获取本地文件的绝对路径，可以使用 Electron 的 remote 模块和 dialog.showOpenDialog 方法。

首先，在 Vue 组件中引入 remote 模块，可以这样写：

const { remote } = require('electron');
const { dialog } = remote;

然后，在需要获取文件路径的地方调用 dialog.showOpenDialog 方法，该方法会弹出一个文件选择框，让用户选择本地文件。选择完成后，该方法会返回一个包含所选文件路径的数组，我们可以取出第一个元素作为选中的文件路径。示例如下：

dialog.showOpenDialog(remote.getCurrentWindow(), {
  properties: ['openFile']
}).then(result => {
  if (!result.canceled) {
    const filePath = result.filePaths[0];
    console.log('Selected file path:', filePath);
  }
}).catch(err => {
  console.error(err);
});

其中，remote.getCurrentWindow() 方法用于获取当前窗口的引用，properties 参数用于指定文件选择框的行为，此处指定为只能选择单个文件。在 then 回调函数中，判断用户是否选择了文件，如果选中了，则取出数组中的第一个元素作为文件路径，并进行相应的操作。如果用户取消了选择，result.canceled 会为 true。注意：在使用 dialog.showOpenDialog 方法时，需要在当前窗口中引入 remote 模块。