1、安装vue-clipboard2
npm install vue-clipboard2
2、plugins/vueClipboard2.js
只要是 plugins下的js文件就行
- import Vue from 'vue'
- import VueClipboard from 'vue-clipboard2'
- Vue.use(VueClipboard)
3、页面使用
- <el-button
- size="mini"
- type="text"
- ref="copyButton"
- v-clipboard:copy="scope.row.copy"//要复制的数据
- v-clipboard:success="onCopy"//复制成功的回调
- v-clipboard:error="onError"//复制失败的回调
- >复制
- el-button>
-
-
-
- onCopy() {
- this.$notify({
- type: "success",
- position: "bottom-left",
- message: "复制成功",
- duration: 2000,
- offset: 100,
- });
- },
- onError() {
- this.$notify({
- type: "success",
- position: "bottom-left",
- message: "复制shibai",
- duration: 2000,
- offset: 100,
- });
- },