1、文档
英文:https://clipboardjs.com/
中文http://www.clipboardjs.cn/
2、安装
npm install clipboard --save
3、使用示例
demo.vue
<template>
<div>
<input type="text" v-model="message" />
<button class="btn" :data-clipboard-text="message">Copy</button>
</div>
</template>
<script>
import ClipboardJS from "clipboard";
export default {
data: function() {
return {
message: "Copy These Text"
};
},
mounted() {
// 创建的时候就绑定事件
var clipboard = new ClipboardJS(".btn");
clipboard.on("success", function(e) {
alert(e.text);
console.log(e);
e.clearSelection();
});
clipboard.on("error", function(e) {
console.log(e);
});
}
};
</script>