欢迎来到Jeremy的博客

最近在做一个病例收集平台,后端验证时返回给前端的信息需要显示在页面上,用户可以点击按钮进行复制,粘贴

下面是例子,例子中使用了  vue-clipboard2  使用npm下载  npm install --save vue-clipboard2

import VueClipboard from 'vue-clipboard2'
Vue.use(VueClipboard);

copy组件:information绑定需要复制的文本/onCopy复制成功回调/onError复制失败回调

  v-clipboard:copy="message"

  v-clipboard:success="onCopy"

  v-clipboard:error="onError"

<span id="copy" v-show="showCopyBtn"
v-clipboard:copy="information"
v-clipboard:success="onCopy"
v-clipboard:error="onError">
{{copyMsg}}
</span>


posted on 2019-02-19 09:12  jeremy_o  阅读(143)  评论(0编辑  收藏  举报