最近在作一个病例收集平台,后端验证时返回给前端的信息须要显示在页面上,用户能够点击按钮进行复制,粘贴前端
下面是例子,例子中使用了 vue-clipboard2 使用npm下载 npm install --save vue-clipboard2vue
import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard);
copy组件:information绑定须要复制的文本/onCopy复制成功回调/onError复制失败回调vue-cli
v-clipboard:copy="message"npm
v-clipboard:success="onCopy"后端
v-clipboard:error="onError"spa
<span id="copy" v-show="showCopyBtn"
v-clipboard:copy="information"
v-clipboard:success="onCopy"
v-clipboard:error="onError">
{{copyMsg}}
</span>