<div
class="content"
id="btn"
@click="copy"
data-clipboard-action="copy"
data-clipboard-target="#target"
>
复制
</div>
<router-link class="content" to="/intersectionobser"
>选中背景颜色变化</router-link
>
<textarea id="target"></textarea>
先下载 npm i clipboard
然后再引入 import Clipboard from "clipboard"
说明:data-clipboard-action的值为copy则为复制,值为cut则为粘贴
copy() {
let isSupport = Clipboard.isSupported();
console.log("isSupport", isSupport);
let clipboard = new Clipboard("#btn");
clipboard.on("success", (res) => {
console.log("res", res);
res.clearSelection();
});
},
Clipboard.isSupported()表示是否支持
我这里只是简单的展示一下用法...