vue復制內容到粘貼板

使用步驟

①安裝插件

npm install vue-clipboard2 -S

②全局注入（main.js）

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

③使用

<ul class="file-list">
  <li v-for="(f, index) of files" :key="index">
    <span>[文件{{index + 1}}] {{f}}</span>
      <span class="copy-btn" v-clipboard:copy="f" v-clipboard:success="onCopy" v-clipboard:error="onError">復制</span>
    </li>
</ul>

// 復制成功時的回調函數
onCopy (e) {
   this.$message.success("內容已復制到剪切板！")
},
// 復制失敗時的回調函數
onError (e) {
    this.$message.error("抱歉，復制失敗！")
}

• 效果圖