使用:
-
npm install --save vue-clipboard2
-
在main.js中导入
import Vue from 'vue'
import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard)
- 在vue中正式使用
<template>
<div>
<input type="text" v-model="message">
//也不可以使用input,使用p标签或其他标签同理,只要绑定的数据一样就可以
<p>{{message}}<p>
<button type="button"
v-clipboard:copy="message"
v-clipboard:success="onCopy"
v-clipboard:error="onError">Copy!</button>
</div>
</template>
<script>
export default {
data(){
return{
message:'被复制的内容'
}
},
methods: {
onCopy(e) {
alert('复制成功: ' + e.text)
},
onError(e) {
alert('复制失败')
}
},
}
</script>