VUE 实现剪切板复制功能

首先,在编辑器上装载:

npm install --save vue-clipboard2
VUE 实现剪切板复制功能

安装成功之后,在main.js文件中全局引用:

import VueClipboard from ‘vue-clipboard2’
Vue.use(VueClipboard)
VUE 实现剪切板复制功能

使用:

<van-button type=“primary” text=“复制” size=“small”
v-clipboard:copy="message”
v-clipboard:success=“onCopy”
v-clipboard:error=“onError” />

重点配置为以下几点:

v-clipboard:copy 配置复制的内容
v-clipboard:success 配置复制成功的回调
v-clipboard:error 配置复制出错的回调
VUE 实现剪切板复制功能
VUE 实现剪切板复制功能