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 )
    //处理数据
}
复制代码
相关推荐
代码搬运媛7 小时前
Jest 测试框架详解与实现指南
前端
为何创造硅基生物7 小时前
C语言 结构体内存对齐规则(通俗易懂版)
c语言·开发语言
吃好睡好便好7 小时前
在Matlab中绘制横直方图
开发语言·学习·算法·matlab
星寂樱易李7 小时前
iperf3 + Python-- 网络带宽、网速、网络稳定性
开发语言·网络·python
counterxing7 小时前
我把 Codex 里的 Skills 做成了一个 MCP,还支持分享
前端·agent·ai编程
仰泳之鹅8 小时前
【C语言】自定义数据类型2——联合体与枚举
c语言·开发语言·算法
wangqiaowq8 小时前
windows下nginx的安装
linux·服务器·前端
之歆8 小时前
DAY_12JavaScript DOM 完全指南(二):实战与性能篇
开发语言·前端·javascript·ecmascript
发现一只大呆瓜8 小时前
Vite凭什么这么快?3分钟带你彻底搞懂 Vite 热更新的幕后黑手
前端·面试·vite
Maimai108088 小时前
React如何用 @microsoft/fetch-event-source 落地 SSE:比原生 EventSource 更灵活的实时推送方案
前端·javascript·react.js·microsoft·前端框架·reactjs·webassembly