操作如下:
<style></style>npm install clipboard --save
import Clipboard from 'clipboard';
Vue.use(VueClipboard)
<template id="demo"> <div class="container"> <!-- 文本内容 --> <input type="text" v-model="message"> <!-- 复制按钮,通过v-model来识别哪个文本内容 --> <button type="button" v-clipboard:copy="message" v-clipboard:success="onCopy" v-clipboard:error="onError">复制</button> </div> </template> <script> export default { data () { return { message: '啦啦啦,这是复制的内容!', codes: '', } }, methods: { onCopy: function (e) { console.log('你刚刚复制: ' + e.text) }, one rror: function (e) { console.log('无法复制文本!') } } } </script>