Tomonkey的专栏

参考如下链接搭建即可，整合最新版本的vue和electron，搭建脚手架手把手教你使用Electron5+vue-cli3开发跨平台桌面应用不使用 SimulatedGREG/electron-vueSimulatedGREG/electron-vue已经很久没有更新了，而且其生成的工程结构并不是vue-cli3，所以放弃使用。搭建命令简单记录如下（按照顺序）记得先将npm源，换...

现在有一个列表，需要给列表的每一行增加右键菜单功能，右键菜单有删除或者编辑功能，截图示例如下。代码示例1. 给元素添加右键事件监听@contextmenu="rightClick"添加右键事件监听<b-list-group-item v-for="(item, index) in itemList" :key="item.id" @contextmenu="...

需要用到上传文件，那么使用的是<input type="file" />，当然了，肯定加了hidden属性，不然原生的input上传文件非常的丑。截图示例如下：代码示例这里的图标我用到了BootstrapVue，如何使用请自行搜索。HTML代码<div class="h4" style="text-align: left;"> <! -- 上传图标...

如下，一分为三，想要可以拖拽，调整左、中、右大小话不多说，直接上代码代码示例HTML代码其实是5个div，拖拽区域也是div，只不过就是窄一点<template> <div id="hello-id"> <div id="left-id"></div> <div id="resize1" class="resize-div...

由于需要持久化存储一些信息到磁盘上，信息比较简单，无需过多设计。经过搜索发现electron-store比较好用1. 引入插件Electron-Storehttps://github.com/sindresorhus/electron-store$ npm install electron-store2. 修改配置修改文件vue.config.js文件进行配置module.exports={ pluginOptions: { electronBuilder: {