小编JOY*_*HAH的帖子

这会为我生成空白pdf：

  <vue3-html2pdf
      :show-layout="false"
      :float-layout="true"
      :enable-download="true"
      :preview-modal="true"
      :paginate-elements-by-height="1400"
      filename="invoice"
      :pdf-quality="2"
      :manual-pagination="false"
      pdf-format="a4"
      :pdf-margin="10"
      pdf-orientation="portrait"
      pdf-content-width="800px"
      @progress="onProgress($event)"
      ref="html2Pdf"
    >
      <section slot="pdf-content"><div>hii</div></section>
    </vue3-html2pdf>

功能：

 <img
  :style="{ cursor: 'pointer' }"
   src="../assets/images/download-arrow.png"
   alt="&laquo;"
   @click="generatePDF()"
 />

  generatePDF() {
      this.$refs.html2Pdf.generatePdf();
    },

请尽快帮助我。我有严格的期限。我会尝试所有可能的解决方案，任何人都可以帮助我。

这是仅调用一次 onclick 事件的正常 javascript 代码：

<button onclick="myFunction(); this.onclick=null;">This button works only once</button>
<button onclick="myFunction()">This button works always</button>
<script>
    function myFunction() {
        console.log("hello");
    }
</script>
</body>

普通 javascript 的技巧是这样的：

<button onclick="myFunction(); this.onclick=null;">

但是，现在我想在 vue.js 中使用此功能，并且 vue.js 中的按钮如下所示：

 <input
     type="submit"
     value="Start"
     name="start_button"
     @click="start"
 />

谁能建议我如何在 vuejs 中调用一次事件......