vue---iframe的打印组件
//打印组件
<printIframev-if="printHtml":html="printHtml"
>
</printIframe>
//确认打印按钮
this.printHtml = document.getElementById("").innerHTML
this.printIframeshow = false<template><div class="print"><iframe id='iframe' style="display:none;"></iframe></div>
</template>
<script>
export default {name:"print",props:{html:{type:String,default:""}},mounted(){this.setBodyHtml(this.html)},methods:{setBodyHtml(html){const document = window.documentconst iframe = window.frames[0]iframe.document.head.innerHTML = document.head.innerHTMLiframe.document.body.innerHTML = htmliframe.window.print()}}
}
</script>
vue---iframe的打印组件相关推荐
- Vue中封装打印组件包括基本信息、表格用途出库单、入库单、请购单等单据
1.我们在工作中,在中后台系统应用中,经常会遇到打印的问题. 2.产品需求将列表详情数据能够打印生产单据,包括列表详情的所有数据. 3.通常我们可以通过接口拿到一定格式的JSON数据. 打印组件,总的 ...
- vue封装打印插件print.js实现打印组件功能
代码 插件地址:https://github.com/xyl66/vuePlugs_printjs 1. 打印插件属性方法 定义-print.js // 打印类属性.方法定义 /* eslint-di ...
- vue iframe 中写script_vue: 单文件组件 render函数
使用vue-cli创建的vue项目,如何在这种项目中使用组建? 首先创建项目.启动项目 我们再来了解一下目录结构,src文件夹是写逻辑代码的地方,public是最终渲染到浏览器的地方. 在public ...
- vue中实现打印功能的方法与注意事项
vue中实现打印功能的方法与注意事项 一.使用方法: 1. 在HTML中 2. 在VUE项目中 二.问题总结 1. 设置打印方向 2. 设置打印高度 1. 单张打印 2. 循环打印 3. 获取打印操作 ...
- vue html页面打印功能vue-print-nb
vue项目中,HTML页面打印功能 组件vue-print-nb 源码: https://github.com/shengbid/vue-print, https://github.com/sheng ...
- vue路由+ elementUI表格组件:loop文章列表页enter内容页(vue路由传参userid)- 代码篇
elementUI表格组件,response.data.newsLists列表如何循环出来?如何点击传参numId,并进入对应的内容页? 本文意图: 使用官方table组件:实现API调用:文章遍历. ...
- vue 自学笔记(七) 组件细节问题
前情提要: 这里盘点一下,组件细节的问题 现在我们观察一些用框架开发的网页BiliBili.掘金,会发现很多部分都十分相似或者一模一样,我们甚至可以将其拆分归类.而事实上,页面的确是被一个个组件构成的 ...
- vue入门:(组件)
模板:(template)模板声明了数据和最终展现给用户的DOM之间的映射关系. 初始数据:(data)一个组件的初始数据状态.对于可复用的组件来说,通常是私有的状态. 接收外部参数:(props)组 ...
- vue + elment ui打印表格数据
vue + elment ui打印表格数据 主要的原理就是 在vue项目中 通过调用浏览器自带的打印功能,完成对table数据的打印 解决表格错位 以及elment ui 双重表头的问题 封装一下打印 ...
最新文章
- Mac 解决IDEA无法启动的问题
- Module Zero概览
- 数学--数论--HDU6919 Senior PanⅡ【2017多校第九场】
- “数据门”事件频发 如何避免人为因素导致数据泄露?
- UE4打包后如何调试
- 数据结构与算法--图的表示与常用算法
- hal库串口dma卡死_HAL库版DMA循环模式串口数据收发
- hibernate笔记4--qbc查询
- opencv出错:error: (-213:The function/feature is not implemented) Unknown/unsupported array type
- java怎么与数据库连接?
- Win7 Server 漏洞修复(CVE-2017-**、CVE-2018-**、CVE-2019-**、CVE-2012-**)
- ACM新手入门之杭电150题使用指南及C语言学习推荐
- flash builder 4.6 的破解安装
- 服务器两广豪杰维护,逆水寒11月22日更新到几点 世界boss即将掉落逆水之寒
- 前后端分离实现在线音乐网站-springboot+vue
- 分享一些我的创业心得
- Microsoft Edge浏览器崩溃,错误代码: STATUS_STACK_BUFFER_OVERRUN
- TCPcopy安装、部署
- 网站诊断报告之基本分析
- performSelector和传递参数