一、准备工作
1、下载插件
npm install vue-clipboard2 或者 yarn add vue-clipboard2
2、挂载到全局
import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard)
二、页面使用
<button v-clipboard:copy="Url" v-clipboard:success="onSuccess" v-clipboard:error="onError">复制</button>
Url:想要复制的内容,自定义
onSuccess:复制成功后的回调
onError:复制失败后的回调
本文介绍了如何在Vue项目中使用vue-clipboard2插件来实现复制到剪贴板的功能。首先,通过npm或yarn安装插件,然后全局挂载到Vue实例。接着,在页面上使用v-clipboard指令,设置copy属性为要复制的内容,同时配置success和error回调函数以处理复制成功或失败的情况。
761





