npm install clipboard --save
全局引入
import clipboard from 'clipboard';
//注册到vue原型上
Vue.prototype.clipboard = clipboard;
或
局部引入
import Clipboard from "clipboard";
html
不一定要input 任何元素都行 如<p id="copy_text">123456</p>
<input type="text" value="dsaas" id="copy_text" style="opacity: 0" />
<button
data-clipboard-action="copy"
data-clipboard-target="#copy_text"
@click="copy"
class="copy-btn"
>
复制
</button>
js
copy() {
let clipboard = new Clipboard(".copy-btn");
clipboard.on("success", (e) => {
console.log("复制成功");
clipboard.destroy(); // 释放内存
});
clipboard.on("error", (e) => {
console.log("该浏览器不支持自动复制");
clipboard.destroy(); // 释放内存
});
},
封装(v2)