在在Vue项目中项目中 使用使用vue-clipboard2 实现复制到粘贴板的功能实现复制到粘贴板的功能
场景：场景：
在项目中，需要开发一个复制邀请码的功能，也就是点击复制按钮就将邀请码复制到粘贴板，直接粘贴即可。
使用到的是 vue-clipboard2 插件，简单又好用
首先，需要先安装这个插件首先，需要先安装这个插件
npm install --save vue-clipboard2
然后然后，在vue 项目中的 main.js 中引入
import Vue from 'vue'
import VueClipboard from 'vue-clipboard2' // 引入
Vue.use(VueClipboard) // vue全局使用插件
在具体页面使用，使用方法有两种：
其一：其一：
{{message}}
复制
export default {
data() {
return {
message: '要复制的内容'
}
},
methods: {
// 复制成功
onCopy: function (e) {
console.log('成功复制： ' + e.text)
},
// 复制失败
onError: function (e) {
console.log('复制失败')
}
}
}
评论0