vue 复制文本 ；uniapp 复制文本

PC：

一个常用的库就是 clipboard.js，它可以帮助您实现跨浏览器的复制到剪贴板功能

首先，安装 clipboard.js：

cnpm install clipboard

创建一个 Vue 组件并使用 clipboard.js：

<template>
  <div>
    <input v-model="textToCopy" type="text" />
    <button @click="copyText">Copy</button>
  </div>
</template>
<script setup>
import Clipboard from 'clipboard';
import { ref } from 'vue';

const textToCopy = ref('');

const copyText = () => {
  navigator.clipboard
    .writeText(textToCopy.value)
    .then(() => {
      message.success("复制成功");
    })
    .catch(() => {
      message.error("复制失败");
    });
};
</script>

uniapp：

uni.setClipboardData({
  data: '要复制的文本内容',
  success: () => {
    uni.showToast({
      title: '复制成功',
      icon: 'success'
    });
  },
  fail: () => {
    uni.showToast({
      title: '复制失败',
      icon: 'none'
    });
  }
});