navigator.clipboard实现点击复制功能

以下为一个demo

调用api即可，Ctrl加v就能粘贴

<script lang="ts" setup>
import {ref} from "vue";
const items = ref('')
const getList = () => {
    navigator.clipboard.writeText(items.value)
        .then(() => {
            console.log('文本已经成功复制到剪切板');
        })
        .catch(err => {
            // 如果用户没有授权，则抛出异常
            console.error('无法复制此文本：', err);
        });
}

</script>

<template>
  <div>
      <input v-model="items"/>
    <button @click="getList">复制</button>
  </div>
</template>