electron-vue 打開文件目錄，打開文件夾，

1.打開父子模態創建，

<button @click="showModalHandler">父子模態窗口</button>

//renderer渲染器中主注冊事件
showModalHandler() {
      ipcRenderer.send("child-down-modal");
    }

//主進程中觸發事件
  /**
   * 父子模態窗口
   */
  let childDownModal;
  ipcMain.on('child-down-modal', () => {
    childDownModal = new BrowserWindow({
      parent: mainWindow,
      modal: true,
      show: false,
      width: 300,
      height: 300,
      resizable: false,
      backgroundColor: "#fff",
      frame: false,
      hasShadow: true,
      closable: true,
      webPreferences: {
        devTools: false
      }
    })
    childDownModal.once('ready-to-show', () => {
      childDownModal.show();
    })
    childDownModal.loadURL(winURL + '#/downloadModal')
  })
  //關閉模態窗口
  ipcMain.on('close-down-modal', () => {
    childDownModal.hide();
  })

2、打開文件目錄

const {shell}  = require('electron').remote //渲染器中

shell模塊提供與桌面集成相關的功能。

<template>
  <div class="download-container sureDrag">
    <button @click="openFileHandler">打開文件目錄</button>
  </div>
</template>

<script>
const ipcRenderer = require("electron").ipcRenderer;
export default {
  methods: {
    openFileHandler() {
      const { shell } = require("electron").remote;
      shell.showItemInFolder("D:CloudMusic");
    }
  }
};
</script>

3.對話框打開文件

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

dialog.showOpenDialog()//可默認打開文件