第一步
npm run dev vue-clipboard2 --save
main.js引入
import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard)
<template>
<div>
<div class="wxsmallcode-page publicCon">
<div class="copyBox">
msg:<span>{{msg}}</span>
<div v-clipboard:copy="msg"
v-clipboard:success="onCopy"
v-clipboard:error="onError">
点击复制
</div>
</div>
</div>
</div>
</template>
<script>
export default {
name:'ceshi',
data() {
return {
msg: 'xxxxxxxxxxxsx'
}
},
methods: {
// 复制成功
onCopy(e) {
alert('复制成功')
console.log(e);
},
// 复制失败
onError(e) {
alert("失败");
},
}
}
</script>