點擊複製到剪切板

最近在作一個病例收集平臺，後端驗證時返回給前端的信息須要顯示在頁面上，用戶能夠點擊按鈕進行復制,粘貼

下面是例子，例子中使用了  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>