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 )
    //处理数据
}
复制代码
相关推荐
艾利克斯冰6 分钟前
Java 设计模式-行为型模式(更新中)
java·开发语言·设计模式
倒霉蛋小马19 分钟前
Java新特性:record关键字
java·开发语言
我叫黑大帅30 分钟前
前端如何竖屏固定视口背景
前端·javascript·面试
abcy07121333 分钟前
python pandas csv异步后台清洗前端优先返回成功信息
前端·python·pandas
budingxiaomoli41 分钟前
Spring日志
java·开发语言
牛油果子哥q44 分钟前
【C++ STL vector】C++ STL vector 终极精讲:动态数组底层原理、两倍扩容机制、迭代器失效、增删查改、性能剖析与工程避坑指南
开发语言·c++
不会敲代码11 小时前
我花了三天时间,终于把 Cookie、XSS、CSRF 和浏览器存储给整明白了
javascript·面试
IT_陈寒1 小时前
Vite这个坑我帮你踩了,动态导入居然这样才生效
前端·人工智能·后端
贩卖黄昏的熊1 小时前
flex 布局快速梳理
开发语言·javascript·css3·html5
swipe1 小时前
Mem0 x Agent 实战系列:分层记忆 + 三路召回,搭建真正可用的长期记忆层
前端·javascript·面试