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'
});
}
});