赞助
    // 复制内容并保留图片
    copyToClipboardWithImages(htmlContent) {
      const tempElement = document.createElement('div');
      tempElement.innerHTML = htmlContent;

      // 监听复制事件
      const copyHandler = event => {
        event.clipboardData.setData('text/html', tempElement.innerHTML);
        event.clipboardData.setData('text/plain', tempElement.textContent);
        event.preventDefault();
      };

      document.addEventListener('copy', copyHandler);

      try {
        document.execCommand('copy');
        this.$message.success('复制成功');
      } catch (err) {
        console.error('复制失败:', err);
      } finally {
        // 移除事件监听器
        document.removeEventListener('copy', copyHandler);
        // 清理临时元素
        tempElement.remove();
      }
    }上面传参htmlContent可以是字符串和html结构的字符串
posted on 2025-05-27 13:42  Tsunami黄嵩粟  阅读(25)  评论(0)    收藏  举报