微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Electron-Vue数据持久化处理方案

1. 首先执行 $ npm install electron-store

2. 修改vue.config.js文件进行配置,设置 electron-vue 的运行环境(已修改) nodeIntegration 改为true

3. electron 11x 以上版本:在electron 主进程中执行以下代码

import Store from 'electron-store';
Store.initRenderer()

4.渲染进程内使用:

import _store from '@/utils/electronStore.js'
// 存储信息
_store.set('ceshi', '叮咚测试');
// 获取信息
--_store.get('ceshi');

另外,多个层级的JSON数据,可以使用 _store.get('user.depatment.name') 这种方式来获取

5. 获取electron本地数据存放目录

import { app, remote } from 'electron'
// 根据process.type来分辨在哪种模式使用哪种模块
const APP = process.type === 'renderer' ? remote.app : app
// 获取electron应用的用户目录
const STORE_PATH = APP.getPath('userData')

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐