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 )
    //处理数据
}
复制代码
相关推荐
向上的车轮11 分钟前
熟悉C#如何转TypeScript——SDK与包引用
开发语言·typescript·c#
Z.风止11 分钟前
Large Model-learning(2)
开发语言·笔记·python·leetcode
脆皮炸鸡75512 分钟前
Linux开发工具~~~版本控制器Git以及调试工具GDB
linux·服务器·开发语言·经验分享·git·学习方法
無限進步D14 分钟前
算竞常用STL cpp
开发语言·c++·算法·竞赛
学习指针路上的小学渣16 分钟前
JavaScript笔记
前端·javascript
取名不易16 分钟前
在 nuxtjs中通过fabric.js实现画图功能
前端
冰珊孤雪27 分钟前
Android Studio Panda革命性升级:内存诊断、构建标准化与AI调试全解析
android·前端
tryCbest27 分钟前
Python之Flask开发框架(第一篇) — 从安装到第一个应用
开发语言·python·flask
coder_Eight28 分钟前
彻底吃透 Promise:从状态、链式到手写实现,再到 async/await 底层原理
javascript·面试
q54314708729 分钟前
Java进阶总结——集合
java·开发语言