Vue3 点击复制功能，利用vue-clipboard3

首先安装插件 vue-clipboard3 

npm install vue-clipboard3 --save

然后在页面里面引入

<button class="btn" @click="copy()">点击复制</button>   建议用buttn标签，因为别的标签可能会失效

 

<script setup>

import useClipboard from "vue-clipboard3";
const { toClipboard } = useClipboard(); 

　const copy = async () => {

     await toClipboard('西贝小小凤');    //参数为要复制的文本 

  }

</script>

另一种方式就是js的execCommand方法，但是那个方法很多地方用不了，建议用这个插件的方法，比较简单方便