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 )
    //处理数据
}
复制代码
相关推荐
GinoWi5 小时前
HTML基本格式 - 第一个HTML网页
前端
顶鲜花的牛粪5 小时前
Astro 项目升级全栈:EdgeOne Pages 部署指南
前端
疏狂难除5 小时前
随便玩玩lldb (二)
开发语言·后端·rust
0***R5155 小时前
前端云原生
前端·云原生
星轨初途5 小时前
数据结构排序算法详解(5)——非比较函数:计数排序(鸽巢原理)及排序算法复杂度和稳定性分析
c语言·开发语言·数据结构·经验分享·笔记·算法·排序算法
月弦笙音5 小时前
【Promise.withResolvers】发现这个api还挺有用
前端·javascript·typescript
疯狂踩坑人5 小时前
MCP理论和实战,然后做个MCP脚手架吧
前端·node.js·mcp
b***65325 小时前
GO 快速升级Go版本
开发语言·redis·golang
中杯可乐多加冰5 小时前
基于 DeepSeek + MateChat 的证券智能投顾技术实践:打造金融领域的专属大Q模型助手
前端·人工智能
凡人程序员5 小时前
搭建简易版monorepo + turborepo
前端·javascript