vue通過v-clipboard實現一鍵復制功能

關注公眾號【Miles】查看更多技術文檔
 <el-button
    type="text"
    v-clipboard:copy="copyContent"
    v-clipboard:success="handleCopy"
    v-clipboard:error="handleError"
  >點擊復制</el-button>
  
  let copyContent = "我是被復制的內容";
  
  handleCopy() {
    this.$messagesouth({
      message: "復制成功",
      type: "comm",
      center: true
    });
  }
  handleError() {
    this.$messagesouth({
      message: "復制失敗",
      type: "comm",
      center: true
    });
  }

效果如下圖所示：


image.png
點擊復制，復制成功之后，carl+V粘貼即可。

來源：https://juejin.cn/post/6923092170572791822

最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發布，文章內容僅代表作者本人觀點，簡書系信息發布平臺，僅提供信息存儲服務。
禁止轉載，如需轉載請通過簡信或評論聯系作者。

推薦閱讀更多精彩內容