vue实现复制到粘贴板的功能

最新推荐文章于 2024-07-22 16:32:03 发布

Cardhu丶

最新推荐文章于 2024-07-22 16:32:03 发布

阅读量721

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/weixin_43996368/article/details/121604456

版权

vue.js javascript vue

vue 专栏收录该内容

57 篇文章 8 订阅

订阅专栏

vue实现复制到粘贴板的功能

html:

<div @click="copyCode" />

ts:

const copyCode = () => {
  const copyUrl: any = document.createElement('textarea'); //创建一个textarea框获取需要复制的文本内容
  copyUrl.value = props.code;
  const appDiv: any = document.getElementById('app');
  appDiv.appendChild(copyUrl);
  copyUrl.select();
  document.execCommand('Copy');
  copyUrl.remove();
  message.destroy();
  message.success('复制成功');
};

js:

const copyCode = () => {
  const copyUrl = document.createElement('textarea'); //创建一个textarea框获取需要复制的文本内容
  copyUrl.value = props.code;
  const appDiv = document.getElementById('app');
  appDiv.appendChild(copyUrl);
  copyUrl.select();
  document.execCommand('Copy');
  copyUrl.remove();
  message.destroy();
  message.success('复制成功');
};