此项目中使用的是clipboard.js 。官网:clipboard.js。
项目使用的是vue方式引入:
一、 npm install clipboard --save
二、在自己需要的文件里引入
import Clipboard from ‘clipboard’;
三、按钮绑定点击事件
copyLink() {
let _this = this;
var clipboard = new Clipboard('.cloud-clippy');
clipboard.on('success', function (e) {
console.info('Text:', e.text);
_this.$message.success("复制成功")
clipboard.destroy()
});
clipboard.on('error', function (e) {
console.error('Action:', e.action);
console.error('Trigger:', e.trigger);
clipboard.destroy()
});
},