VUE复制,VUE复制内容到剪贴板,vue-clipboard2,clipboard
安装
npm install vue-clipboard2 --save
main.js引入
import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard)
组件代码
<div class="copy">
{{ orderCode}}
<el-button
type="primary"
v-clipboard:copy="orderCode"
v-clipboard:success="onCopy"
v-clipboard:error="onError"
size="mini"
>复制</el-button>
</div>
javascript
// 复制成功回调函数
onCopy (e) {
this.$message.success("复制成功!")
},
// 复制失败回调函数
onError (e) {
this.$message.error("复制失败!")
},