源码如下
? copyTextToClipboard(text, that) {
? ? ? ? const textArea = document.createElement("textarea");
? ? ? ? textArea.value = text;
? ? ? ? document.body.appendChild(textArea);? ? ?在子节点末尾添加元素
? ? ? ? textArea.select();? ? ? select方法讲解可以了解一下?? ? ? ? JavaScript select()方法_js select()-CSDN博客??
? ? ? ? 简单来说select() 方法就是获取要复制的值。
? ? ? ? document.execCommand("copy")?
? ? ? ? 浏览器本身提供了一个copy命令,利用它可以复制选中(select方法)的内容
? ? ? ? document.body.removeChild(textArea);? ?删除子节点元素
? ? ? ? console.log('复制成功', text)
? ? ? ? that.$notify({
? ? ? ? ? ? title: '成功',
? ? ? ? ? ? message: '复制成功',
? ? ? ? ? ? type: 'success',
? ? ? ? })
? ? },
如何使用
1.导入该方法
2.方法需要两个参数? ? ?参数一:需要复制的内容? ? 参数二:that
3.that.$notify 方法是在右侧提示是否复制成功提示的。如果想在顶部居中提示可以
改为? ? that.$message.success('复制成功')