网页中的快捷复制按钮实现-526互联

有时我们需要实现快捷复制某些信息的功能，例如下图所示：

这时我们可以使用document的execCommand来实现这一功能。
代码参考：

const copyKey = val => {
  const input = document.createElement('input')
  input.setAttribute('readonly', 'readonly')
  input.setAttribute('value', val.tenantKey)
  document.body.appendChild(input)
  input.setSelectionRange(0, 9999)
  input.select()
  if (document.execCommand) {
    document.execCommand('copy')
    document.body.removeChild(input)
    ElMessage('复制成功')
  }
}

按钮