uniapp 点击按钮复制

UniApp是一款基于 Vue.js 的跨平台应用开发框架，它允许开发者编写一套代码，生成兼容iOS、Android、Web等多端的应用。关于点击按钮复制功能，在 UniApp 中，你可以通过以下步骤实现：

1. 首先，创建一个按钮元素（`<button>`），并给它一个唯一的 `ref` 属性，用于后续获取元素实例：

<button ref="copyButton">复制内容</button>

2. 使用 JavaScript 或者 Vue 的自定义事件处理器（`@click`），当用户点击这个按钮时触发复制操作：

<script setup>
import { ref, onMounted } from 'vue';

const copyButton = ref(null);

onMounted(() => {
  copyButton.value.addEventListener('click', handleCopy);
});

function handleCopy() {
  const contentToCopy = '要复制的文字'; // 替换为你实际需要的内容
  navigator.clipboard.writeText(contentToCopy) // 使用浏览器的复制 API
    .then(() => console.log('复制成功'))
    .catch((err) => console.error('复制失败:', err));
}
</script>

这里假设你想复制的是文本，如果需要复制其他类型的值，比如某个数据属性，可以替换 `contentToCopy` 为对应的变量。