vue 项目中使用 clipboard2 插件

发表于 更新于 分类于

vue 剪切板功能

安装

1
npm install --save vue-clipboard2

在 main.js 中引入

1
2
import VueClipboard from "vue-clipboard2";
Vue.use(VueClipboard);

使用

1
2
3
4
5
6
7
<span>{{ invitationCode }}</span>
<img
  src="/img/copy.png"
  v-clipboard:copy="invitationCode"
  v-clipboard:success="copy"
  v-clipboard:error="onError"
/>
1
2
3
4
5
6
7
8
9
methods: {
  copy(e) {
    console.log(e.text);
  },
  onError(e) {
    console.log(e);
  }
}