欢迎光临
我的个人博客网站

基于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) 打赏
未经允许不得转载:张拓的天空 » 基于iframe实现打印
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

专业的IT技术经验分享 更专业 更方便

联系我们本站主机

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏