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

posted @ 2023-03-22 14:42  西贝小小凤  阅读(1072)  评论(0编辑  收藏  举报