1、复制粘贴vue-clipboard2
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,
});
},