vue中怎么实现点击@click事件，将data中的某个数据复制到剪切板

Question

如题，@click事件，获取某个data数据，需要将这个内容放到剪切板中.....

Answer 1

可以将你的数据放入一个隐藏的input元素中，选中后复制。

<input id="copyme" value="your data">

$('#copyme').select();
document.execCommand('copy');

Answer 2

我写了一篇文章：Vue中配合clipboard.js实现点击按钮复制内容到剪切板

---

希望对你有所帮助！

Answer 3

给你一个我自己写的复制方法 只需执行 传入你想复制的内容 通过返回结果来判断是否到剪贴板

function copyText (text) {
  let copyInput = document.createElement('INPUT')
  copyInput.type = 'text'
  copyInput.style.width = '1px'
  copyInput.style.height = '1px'
  copyInput.style.border = 0
  copyInput.style.outline = 0
  document.body.appendChild(copyInput)
  copyInput.value = text
  copyInput.select()
  const result = document.execCommand('Copy')
  document.body.removeChild(copyInput)
  return result
}