JS复制内容到剪贴板

这里我只讲解一个办法,网上找了一大堆全是扯淡!

第一步:

npm install clipboard-polyfill

第二步:

import  clipboard from "clipboard-polyfill"

第三步:

clipboard.writeText("This text is plain.");     //数据写到剪贴板
clipboard.readText().then(console.log, console.error);   //从剪贴板读取数据

解释:

  1. 这个插件来源于clipboard.js,不过clipboard.js已经废弃

在这里插入图片描述

2- vue-clipboard2, react-clipboard 是在clipboard.js基础上的封装

3- vue-clipboard2 绑定只能是一个变量,你必须将值传递给这个变量,有一点局限性
在这里插入图片描述

(图一:vue-clipboard2)

在这里插入图片描述

(图二: react-clipboard)