electron复制粘贴

Electron中实现复制粘贴功能

软件开发中复制粘贴是一种比较常见的功能，如复制微信号引导用户粘贴去搜索关注，还有常见的复制图片进行粘贴。

Electron中的clipboard模块就是用来实现这些功能的，该模块可以复制粘贴文本、复制粘贴html等等，以下是代码实现。或者点击这里查找copy.vue文件

Html代码

	<div>
      <span style="color: #ffffff">{{ copyFont }}</span>
      <el-button type="primary" @click="copyFontBtn">复制文字</el-button>
    </div>
    <br />
    <div>
      <div class="box borderCorner">
        <span style="color: #ffffff">{{ pasteFont }}</span>
      </div>
      <el-button type="primary" @click="pasteFontBtn">粘贴文字</el-button>
    </div>

js代码

import { ref } from "vue";
import { clipboard } from "electron";
// 定义要复制的文案变量
const copyFont = ref("觉得有用点点关注撒~~~");
// 定义要粘贴的文案变量
const pasteFont = ref();
// 点击复制文字的按钮
const copyFontBtn = () => {
  // clipboard。writeText 文案
  clipboard.writeText(copyFont.value);
};
// 点击粘贴文字的按钮
const pasteFontBtn = () => {
  pasteFont.value = clipboard.readText();
};

注：项目是vue3搭建，使用setup语法糖，可根据自身需要修改

要效果？懒的录屏，自己来这里下载吧