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>