最近在做一个病例收集平台,后端验证时返回给前端的信息需要显示在页面上,用户可以点击按钮进行复制,粘贴
下面是例子,例子中使用了 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>