复制文本的功能_原生js方法直接用 【 navigator.clipboard.writeText('123456') 】

第1种方式:复制文本的功能_原生js方法直接用

navigator.clipboard.writeText('123456') 

第2种方式：使用插件 【 clipboard.js 】

<template>
  <div id="index-page">
    <div
      class="text"
      @click="bannerCopyCode()"
      id="copyInvitationCode_banner"
      data-clipboard-action="copy"
      :data-clipboard-text="invitationCode"
    >
      COPY CODE
    </div>
  </div>
</template>

<script>
import ClipboardJS from "clipboard";
export default {
  data() {
    return {
      invitationCode: "abc123",
    };
  },
  created() {
    new ClipboardJS("#copyInvitationCode");
  },
  methods: {
    bannerCopyCode() {
      console.log("copied!");
    },
  },
};
</script>