操作如下:
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>