背景

image.png
诸如此类一键复制场景。

函数体

  1. export function onCopy(value) {
  2. // 创建元素用于复制
  3. const copyDom = document.createElement('input');
  4. // 设置元素内容
  5. copyDom.setAttribute('value', value);
  6. // 将元素插入页面进行调用
  7. document.body.appendChild(copyDom);
  8. // 复制内容
  9. copyDom.select();
  10. // 将内容复制到剪贴板
  11. document.execCommand('copy');
  12. // 删除创建元素
  13. document.body.removeChild(copyDom);
  14. this.utils.toast({
  15. title: '复制成功!',
  16. type: 'success',
  17. });
  18. }

函数说明

1、应用于需要一键复制的场景,需要传入待复制的文本(value:String)。
2、第14行toast提示可修改,也可删除。