Vue實現複製到粘帖板功能
阿新 • • 發佈:2018-12-21
1. 安裝vue-clipboard
npm install --save vue-clipboard2
2.main.js引入
import VueClipboards from 'vue-clipboards2'
Vue.use(VueClipboards);
3.案例
<template> <div class="yeluosen"> <input type="text" v-model="message"> <button type="button" v-clipboard:copy="message" v-clipboard:success="onCopy" v-clipboard:error="onError">複製</button> </div> </template>
<script>
export default {
data () {
return {
message: '這裡是複製的內容'
}
},
methods: {
onCopy: function (e) {
console.log('複製成功!')
},
onError: function (e) {
console.log('複製失敗!')
}
}
}
</script>