很简单,比如想要复制p标签里面的1111,给他一个点击事件,然后加上navigator.clipboard.writeText即可完成。
说明:
navigator.clipboard
是 Web API 中的一个对象,它提供了对剪贴板的访问权限,可以通过它来读取或写入剪贴板的内容。
writeText(text)
是 navigator.clipboard
对象提供的一个方法,用于将指定的文本内容写入剪贴板。
<template><p @click="onclick">1111</p><input type="text">
</template>
<script setup>const onclick = (e) => {navigator.clipboard.writeText(e.target.innerText)alert('复制成功') //提示
}</script><style lang='scss' scoped></style>