Vue3 复制 copy 功能实现（vue-clipboard3）

安装 vue-clipboard3，附：vue2 复制 copy 功能实现$ npm install --save vue-clipboard3
在 setup () {} 中使用：<template><button@click="touchCopy">复制链接</button></template><script>import{ defineComponent }from'vue'// 导入插件import useClipboard from'vue-clipboard3'exportdefaultdefineComponent({setup(){// 点击复制functiontouchCopy(){// 调用copy('拷贝内容')}// 使用插件const{ toClipboard }=useClipboard()constcopy=async(msg)=>{try{// 复制awaittoClipboard(msg)// 复制成功}catch(e){// 复制失败}}// 导出return{// 点击复制 touchCopy }}})</script>
在 <script setup> 中使用：<template><button@click="touchCopy">复制链接</button></template><scriptsetup>// 导入插件import useClipboard from'vue-clipboard3'// 点击复制functiontouchCopy(){// 调用copy('拷贝内容')}// 使用插件const{ toClipboard }=useClipboard()constcopy=async(msg)=>{try{// 复制awaittoClipboard(msg)// 复制成功}catch(e){// 复制失败}}</script>

标签： vue.js javascript 前端

本文转载自: https://blog.csdn.net/zz00008888/article/details/127732385
版权归原作者 卡尔特斯 所有，如有侵权，请联系我们删除。