VUE3实现剪贴板复制功能在许多的开发场景中都需要使用剪贴板复制功能，VUE3中可以使用 vue-clipboard3

在许多的开发场景中都需要使用剪贴板复制功能，来方便用户使用

VUE3中可以使用 vue-clipboard3 插件快速实现，快速的实现想什么文本就复制什么文本

下载

yarn add vue-clipboard3

npm install --save vue-clipboard3

使用案例

点击按钮复制 Hello World!

<template>
  <h2>Hello World!</h2>
  <button @click="copy('Hello World!')">复制</button>
  <br />
  <br />
  <input />
</template>

<script >
import useClipboard from "vue-clipboard3";
export default {
  name: "App",
  setup() {
    const { toClipboard } = useClipboard();
    const copy = async (text) => {
      try {
        await toClipboard(text);  //实现复制
        alert("复制成功");
        console.log("Success");
      } catch (e) {
        console.error(e);
      }
    };
    return { copy };
  },
};
</script>

<style scoped>
</style>

大功告成。