1.选择下载clipboard.js依赖的原因:
使用input的限制
1、 首先需要安装依赖
npm install --save vue-clipboard2
2、 安装成功之后就可以开始使用了
import Vue from 'vue'
import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard)
3、 Dome的使用:
<template>
<div class="wxsmallcode-page publicCon">
<div class="copyBox">
sysAppId:<span>{{sysAppIds}}</span>
<el-button class="ml10" type="text" size="medium"
v-clipboard:copy="sysAppIds"
v-clipboard:success="onCopy"
v-clipboard:error="onError">点击复制</el-button>
</div>
</template>
<script>
export default {
data(){
return {
sysAppIds: 'xxxxxxxxxxxsx'
}
},
methods: {
// 复制成功
onCopy(e){
console.log(e);
},
// 复制失败
onError(e){
alert("失败");
},
}
}
</script>