基於iframe實現打印


將完整的html打印成pdf

需要的插件:vue-print-nb

具體使用方法:

 <iframe
  id="frames"
  class="iframe-template"
  :src="htmlSrc"
  frameborder="0"
  style="border:0px;"
></iframe>
<c-button type="primary" v-print="'#frames'">打印</c-button>

printObj: { id: "frames", popTitle:"標題", standdard: "HTML", extraCss: this.htmlSrc, extraHead:'<meta http-equiv="Content-Language"content="zh-cn"/>' } //一定全局定義樣式 @media print { //打印的樣式 #frames { width: 100%; height: calc(100vh - 220px); } }

  

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM