electron-vue中点击按钮，实现打开程序目录里面的某个文件

Posted 2021-02-17

设计到的知识点：

　　explorer.exe /select 打开文件夹并把焦点放到指定文件

　　nodejs中的process模块--child_process.exec

 

我这里是根据需求，点击按钮后打开本项目里面的数据库 ams.db文件

需要注意的是，开发版本和打包后的项目结构可能会发生改变，当你在开发版本测试的路径成功，而打包后可能不存在这个文件夹

 

代码结构如下：

<Button class="tab-w" type="primary" icon="close-round" title="退出程序" @click="closeWindows">退出程序</Button>

//打包版本
//打包版本文件项目路径：win-unpacked\resources\db\ams.db
//resources\\db\\ams.db 是我项目打包后的数据库所在位置

deriveddata(){
     let exec = require(‘child_process‘).exec;
     exec(‘explorer.exe /select,"resources\\db\\ams.db"‘)
}

//开发版本
//开发版本文件路径：D:\downloadDemo\aufitWeb\db\ams.db
deriveddata(){
                let exec = require(‘child_process‘).exec;
                exec(‘explorer.exe /select,"D:\\downloadDemo\\aufitWeb3\\db\\ams.db"‘)
            },