1.首先需要安装依赖
cnpm install --save vue-clipboard2
2.在main.js中使用
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>