基于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);
    }
}

  

 
(0)

相关推荐