感謝以下兩個具有幫助性的部落格：

在vue中使用clipboard.js 時候發現一個問題，就是如果 :data-clipboard-text = “wechat”使用這個屬性的話在移動端就不生效，不知道為什麼

<template>
  <a href="javascript:;" @click="copyWx" :data-clipboard-text="wechat">複製微信</a>
</template>

只能寫成這樣，pc和移動端才都能支援,而且必須是 button 標籤和 input 標籤

<input id="foo"
 
  :value="invitorInfo.inviteUrl" type="text" v-show='false'>
<button class='btn' @click='copyWx'  data-clipboard-action="cut" data-clipboard-target="#foo">點選</button>

methods: {
  copyWx () {
    var clipboard = new Clipboard('.btn')
    clipboard.on('success', e => {
          alert('微訊號已複製，請開啟微信，點選右上角+號，選擇新增朋友，貼上搜尋'
 
)
      // 釋放記憶體
      clipboard.destroy()
    })
    clipboard.on('error', e => {
      // 不支援複製
      alert('瀏覽器不支援自動複製，請手動複製微訊號')
      // 釋放記憶體
      clipboard.destroy()
    })
  }
},