vue 中复制到剪贴板功能 v-clipboard
1.在vue 官网--生态系统--Vue资源 找到里面的 v-clipboard2. 在文档里面有具体的使用步骤1.安装依赖npm install --save v-clipboard2.在main.js中引入import Vue from 'vue'import Clipboard from 'v-clipboard'Vue.use(Clipboard)3.使...
·
1.在vue 官网 /资源列表/Awesome Vue 里面搜索 clipboard 即可以找到 v-clipboard
2. 在文档里面有具体的使用步骤
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)
}
}
}
更多推荐
已为社区贡献8条内容
所有评论(0)