vue3使用clipboard.js

一、安装

Lua 复制代码
npm install --save vue-clipboard3

二、引入

javascript 复制代码
  import useClipboard from 'vue-clipboard3';
  const { toClipboard } = useClipboard();

三、使用

javascript 复制代码
  const copy = async (val) => {
    try {
      await toClipboard(val);
      //成功要做的事 
      console.log('复制成功!')
    } catch (e) {
      console.log(e);
    }
  };

四、获得剪切板内容,处理成想要的数据

javascript 复制代码
async function ImportConfig() {
    let copyText = await navigator.clipboard.readText();
    console.log('剪切板内容',copyText )
    //处理数据
}
复制代码
相关推荐
TeamDev12 分钟前
JxBrowser 9.3.1 版本发布啦!
java·前端·javascript·c#·混合应用·jxbrowser·浏览器控件
颜酱17 分钟前
03 | 实现节点1 — 抽取关键词
前端·人工智能·后端
风吹心凉18 分钟前
python3基础2026.7.22
开发语言·python
qq_4523962325 分钟前
第五篇:《接口与错误处理:Go 的哲学》
开发语言·后端·golang
Escalating_xu39 分钟前
C++可变参数模板与引用折叠精讲
开发语言·c++
wuyk55544 分钟前
59.嵌入式C语言高级宏定义实战:多行宏、字符串化与符号拼接
c语言·开发语言·stm32·单片机·嵌入式硬件·物联网·51单片机
整點薯條1 小时前
Vue3+vite创建项目架构文件说明总结
前端·javascript·vue.js
云泽8081 小时前
Visual Studio 2026 新手保姆级教程:环境搭建、界面优化与编译器配置详解
开发语言·c++·c·开发工具·visual studio
掘金一周1 小时前
想问问掘友们:AI 时代,资深开发的核心价值到底在哪里?| 沸点周刊 7.23
前端·人工智能·后端
橘子星1 小时前
🚀 手把手带你写一个端侧 AI 应用的"加载进度条"与"聊天对话框"
前端·人工智能