通过clipboard实现参数的复制
作者:互联网
npm install clipboard
先安装clipboard
<template>
<div>
<div v-for="item in list" :key="item.id">
//data-clipboard-text作为当前点击需要复制的内容
<div class="btn" @click="copyId" :data-clipboard-text="item.id">复制</div>
</div>
</div>
</template>
<script>
import Clipboard from 'clipboard'
export default {
data(){
return {
list:[{id:1},{id:2}]
}
}
methods:{
copyId(){
//绑定btn按钮
let clipboard = new Clipboard('.btn');
clipboard.on('sucess',()=>{
console.log('copy sucess');
clipboard.destroy()
})
clipboard.on('error',()=>{
console.log('copy error');
clipboard.destroy()
})
}
}
}
</script>
标签:console,Clipboard,clipboard,参数,复制,destroy,btn,id 来源: https://www.cnblogs.com/gzeal/p/16304706.html