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

标签：插件 vue clipboard3 点击 复制 useClipboard Vue3

首先安装插件 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方法，但是那个方法很多地方用不了，建议用这个插件的方法，比较简单方便

标签：插件,vue,clipboard3,点击,复制,useClipboard,Vue3
From： https://www.cnblogs.com/xbxxf/p/17243910.html