vue 中复制到剪贴板功能 v-clipboard

1.安装依赖
npm install --save v-clipboard
2.在main.js中引入
import Vue from 'vue'
import Clipboard from 'v-clipboard'
Vue.use(Clipboard)
3.使用
<template>
<button v-clipboard="value"
v-clipboard:success="clipboardSuccessHandler"
v-clipboard:error="clipboardErrorHandler">
Copy to clipboard
</button>
</template>
export default {
data() {
return {
value:'2659100297@qq.com'
}
},
methods: {
// Success event handler
clipboardSuccessHandler ({ value, event }){
console.log('success', value);
this.$message.success("已复制");
},
// Error event handler
clipboardErrorHandler ({ value, event }) {
console.log('error', value)
}
}
}

最后

以上就是凶狠汉堡为你收集整理的vue 中复制到剪贴板功能 v-clipboard的全部内容，希望文章能够帮你解决vue 中复制到剪贴板功能 v-clipboard所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。