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(){

}
}

 

标签:, ,

微信扫一扫二维码访问


16年前端经验
加微信好友直接沟通
了解《我的十年》