vue2x使用clipboard复制数据
vue
clipboard
复制
编程技术
发布日期
2023-01-09
更新日期
2023-01-15
阅读次数 85
文章字数 442
vue使用clipboard,要在dom加载完毕后,才能生成clipboard
并且每次重新加载时,要删除原来的clipboard对象,并生成新的clipboard对象
vue的dom渲染完毕回调为 $vue->$nextTick,例子:
//data
clipboard : null
//加载完成后
that.$nextTick(function(){
if(vm.clipboard != null){
vm.clipboard.destroy();
vm.clipboard = null;
}
// 获取元素
var btns = document.querySelectorAll('.cpItem');
// 生成clipboard
var clipboard = new ClipboardJS(btns);
vm.clipboard = clipboard;
// 复制成功事件
clipboard.on('success', function(e) {
success_message("复制成功");
});
// 复制失败事件
clipboard.on('error', function(e) {
error_message("复制失败");
});
})
文章作者: 朱丰华
文章链接: https://smart.52dixiaowo.com/blog/post-309.html
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。
vue
clipboard
复制
发表评论
相关推荐