2020年3月19日

vue项目中用clipboard.js 实现复制粘贴


vue项目中用clipboard.js 实现内容复制,代码如下:

main.js

import clipboard from './assets/js/clipboard.min.js'
//注册到vue原型上
Vue.prototype.clipboard = clipboard;

 

vue文件html

<div class="wxbtn" @click="copyLink">
微信:idouyin999
</div>

vue文件js

export default {
name: 'about',
methods:{
copyLink() {
let _this = this;
var clipboard = new Clipboard('.wxbtn', {
text: function() {
return 'idouyin999';
}
});

clipboard.on('success', function(e) {
alert("复制成功");
});

clipboard.on('error', function(e) {
alert("请手动复制");
});
}
},
created:function(){

},
mounted:function(){

}
}

 

本文由专业的WEB前端外包公司-切图网原创,转载请保留版权( WEB前端开发外包www.qietu.com切图网始于2007年,提供高品质的前端开发服务、前端外包、切图外包。欢迎来电咨询!热线:027-81777732、13343477732

标签:, ,