首先引入模板:
npm install clipboard --save
然后在需要引用的组件中进行引用:
import Clipboard from 'cipboard'
安装clipboard完成,可以开始写代码了,示例代码:
<template>
<p id="msg"> copy message </p> //设置id,用以后面获取数据
<button class="btn" :data-clipboard-target="msg" />
</template>
mounted() {
const clipboard = new Clipboard(".clipboard");
clipboard.on("success", e => {
this.sendCollected({ action: "复制链接" });
this.state.isCopied = true;
});
clipboard.on("error", e => {
console.error("Action:", e.action);
console.error("Trigger:", e.trigger);
});
}