实现点击按钮复制文本(Clipboard包)
操作如下:
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)
},
onError: function (e) {
console.log('无法复制文本!')
}
}
}
</script>

浙公网安备 33010602011771号