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 )
    //处理数据
}
复制代码
相关推荐
codingandsleeping3 分钟前
Express入门
javascript·后端·node.js
Vaclee6 分钟前
JavaScript-基础语法
开发语言·javascript·ecmascript
拉不动的猪28 分钟前
前端常见数组分析
前端·javascript·面试
CodeWithMe43 分钟前
【C++】线程池
开发语言·c++
小吕学编程44 分钟前
ES练习册
java·前端·elasticsearch
Asthenia04121 小时前
Netty编解码器详解与实战
前端
袁煦丞1 小时前
每天省2小时!这个网盘神器让我告别云存储混乱(附内网穿透神操作)
前端·程序员·远程工作
专注API从业者1 小时前
《Go 语言高并发爬虫开发:淘宝商品 API 实时采集与 ETL 数据处理管道》
开发语言·后端·爬虫·golang
欧先生^_^2 小时前
Scala语法基础
开发语言·后端·scala
一个专注写代码的程序媛2 小时前
vue组件间通信
前端·javascript·vue.js