npm: https://www.npmjs.com/package/vue-clipboard2

開始

npm i vue-clipboard2

在main.ts中引入

import Vue from 'vue'
import VueClipboard from 'vue-clipboard2'

Vue.use(VueClipboard)

引入後就可以直接在頁面中使用了

<script setup lang="ts">
import { getCurrentInstance } from "vue";
const { proxy } = getCurrentInstance() as any;

// 傳入文本
const onCopy = (text: string) => {
  proxy.$copyText(text).then(
    () => {
      console.log("複製成功");
    },
    () => {
      console.log("複製失敗");
    }
  );
};
</script>