技術標籤：VUEvue

1. 安裝 clipboard

npm install clipboard --save

2. 在需要使用的元件中引入 clipboard

import Clipboard from 'clipboard';

3. 新增需要複製的內容

<div>
    <span class="fuzhi_span" data-clipboard-text="123" @click="copy>複製</span>
</div>

4. 新增點選後的方法

copy() {
  var _this = this
 
;
  var clipboard = new Clipboard('.fuzhi_span') // 點選事件繫結的 class 名
  clipboard.on('success', e => {
     _this.$message.success("複製成功")
     clipboard.destroy() // 釋放記憶體
  })
  clipboard.on('error', e => {
      _this.$message.error('該瀏覽器不支援自動複製')
     clipboard.destroy() // 釋放記憶體
  })
}