当前位置: 首页 > news >正文

react实现打印功能

具体的查看文章鉴于 : https://www.cnblogs.com/sk-3/p/9664496.html 。
在react中,其实同样也是可以获取到节点信息的,在你需要打印的内容部分节点添加一个ID
用一个div报扩你要打印的内容
在这里插入图片描述
打印的事件

print = () => {
    window.document.body.innerHTML = window.document.getElementById('billDetails').innerHTML;  
    window.print(); 
    window.location.reload();
}

,当然打印的样式要自己写一份。一般是两种,一种是竖向打印,一份是横向打印

相关文章:

  • 关于CreateProcess函数一些经验
  • 前端解决跨域 cors
  • [原]深入对比数据科学工具箱:Python和R 非结构化数据的结构化
  • 斐波那契数列 的计算规则
  • react 中 props 和 state的相同与不同
  • 理解java Web项目中的路径问题
  • react 中千万不要在render里调用this.setState
  • 系统界面图片
  • HDU 3068 回文串-Manacher
  • reactJS的props.children.map函数来遍历会收到异常提示,为什么?应该如何遍历?
  • Elasticsearch 2.3.3 搜索引擎的elasticsearch-jdbc插件安装
  • Redux中同步 action 与异步 action 最大的区别是什么
  • setTimeout和setInterval的区别
  • shell脚本编程
  • 数组常用的处理方法 map,forEach,filter, every,some, set, concat, find 等
  • JavaScript-如何实现克隆(clone)函数
  • [deviceone开发]-do_Webview的基本示例
  • Django 博客开发教程 8 - 博客文章详情页
  • Golang-长连接-状态推送
  • hadoop入门学习教程--DKHadoop完整安装步骤
  • java B2B2C 源码多租户电子商城系统-Kafka基本使用介绍
  • Javascript设计模式学习之Observer(观察者)模式
  • js中forEach回调同异步问题
  • Linux编程学习笔记 | Linux IO学习[1] - 文件IO
  • SegmentFault 技术周刊 Vol.27 - Git 学习宝典:程序员走江湖必备
  • Spring Boot MyBatis配置多种数据库
  • ⭐ Unity 开发bug —— 打包后shader失效或者bug (我这里用Shader做两张图片的合并发现了问题)
  • vue 配置sass、scss全局变量
  • Web设计流程优化:网页效果图设计新思路
  • Work@Alibaba 阿里巴巴的企业应用构建之路
  • XML已死 ?
  • 基于axios的vue插件,让http请求更简单
  • 排序(1):冒泡排序
  • 如何进阶一名有竞争力的程序员?
  • 入口文件开始,分析Vue源码实现
  • 正则表达式小结
  • 自动记录MySQL慢查询快照脚本
  • 最简单的无缝轮播
  • 深度学习之轻量级神经网络在TWS蓝牙音频处理器上的部署
  • # 安徽锐锋科技IDMS系统简介
  • #QT(智能家居界面-界面切换)
  • $.ajax,axios,fetch三种ajax请求的区别
  • (day 2)JavaScript学习笔记(基础之变量、常量和注释)
  • (WSI分类)WSI分类文献小综述 2024
  • (一)Dubbo快速入门、介绍、使用
  • (源码版)2024美国大学生数学建模E题财产保险的可持续模型详解思路+具体代码季节性时序预测SARIMA天气预测建模
  • (转载)虚幻引擎3--【UnrealScript教程】章节一:20.location和rotation
  • *++p:p先自+,然后*p,最终为3 ++*p:先*p,即arr[0]=1,然后再++,最终为2 *p++:值为arr[0],即1,该语句执行完毕后,p指向arr[1]
  • .axf 转化 .bin文件 的方法
  • .gitattributes 文件
  • .halo勒索病毒解密方法|勒索病毒解决|勒索病毒恢复|数据库修复
  • .NET/C# 使用 ConditionalWeakTable 附加字段(CLR 版本的附加属性,也可用用来当作弱引用字典 WeakDictionary)
  • .NET国产化改造探索(三)、银河麒麟安装.NET 8环境
  • .NET开源项目介绍及资源推荐:数据持久层
  • .NET企业级应用架构设计系列之应用服务器