1.下包
npm install --save vue-clipboard2
2.main.js导入
import VueClipboard from "vue-clipboard2";
Vue.use(VueClipboard);
3.vue实现
html
<div class="copy"
v-clipboard:copy="copyContent"
v-clipboard:success="onCopy"
v-clipboard:error="onError">
复制链接
</div>
js
data(){
return {
copyContent:'123',//需要复制的内容
}
},
methods:{
onCopy({value}){
console.log('success',value);
console.log(this.copyContent)
console.log('复制成功')
},
onError({value}){
console.log('error',value)
console.log('复制成功')
}
}