关于打印整个页面的,没什么好说的.今天我给大家分享一个打印指定区域的方法,你想打印哪里,就打印哪里! 我也是刚刚开始接触打印这一块功能的,然后当然是找度娘深入了解了一番啦,期间试了网上的各种方法,有的压根就没效果: 有的可以实现打印部分区域的页面,但是在打印界面会丢失样式,那样子界面会很丑:下面我会列出网上的部分方法,以及我的方法.(插件我没有试过~) 网上方法一:(该方法我在vue页面使用没有做到指定区域打印,而是打印全部) 网上方法二:(该方法我在vue页面使用可以做到打印部分区域,但是样式

# vue打印功能 console.log(data.doPrint); // html字符串 let newContent =data.doPrint; let oldContent = document.body.innerHTML; document.body.innerHTML = newContent; window.print(); window.location.reload(); document.body.innerHTML = oldContent; #调用之后,会弹出打印页

1. vue项目打印页面部分区域 2. 原生js实现页面局部打印功能 3. vue项目中将table组件导出Excel表格以及打印页面内容

vue 方法 第一种方法:通过npm 安装插件 1,安装  npm install vue-print-nb --save 2,引入  安装好以后在main.js文件中引入  import Print from 'vue-print-nb' Vue.use(Print); //注册 3,现在就可以使用了 <div id="printTest" > <p>锄禾日当午</ <p>汗滴禾下土 </ <p>谁知盘中餐</p>

1.https://github.com/xyl66/vuePlugs_printjs从这个路径下载print.js.放到你的代码中 2.我是放到我本地一个js文件中. 3.引入当前文件 //打印插件 import Print from './utils/print' Vue.use(Print) // 注册 4.页面应用 <template> <section ref="print" style="max-height: 1000px;width: 800

Vue中过滤器(filter)的功能高度提取,便于使用,前端小伙伴们使用的频率很高.但大多数都是在模板区域来使用. 如果要在脚本区域, 也就是来使用已经定义好过滤器功能,该如何去做呢? 难道需要在utils/下写一个filter.js的文件来同步过滤器的功能吗?这样的话重复代码有点多啊. 以下就是如何在区域使用过滤器的脚本. 此处省略去定义filter和在main.js中的引用 // 在 methods , 生命周期函数中 mounted / created 中使用 // filterName:

公司在后台管理系统开发中用到了 vue+element-ui 组合的框架,但随着需求的越来越复杂,前端的工作难度也呈几何倍数递增,工作量随之增大.这不,在项目中增加一个将列表数据导出为excel的需求就紧跟着来了. 不光将数据导出,还得支持单笔导出或多笔批量导出. 前端:前端招谁惹谁了? 产品:入了前端门,生是前端人,死是前端鬼! 前端: 产品: 为了生活,我们已经殚精竭虑:为了工作,我们已经竭尽全力! 有需求,哭着也得实现啊.于是上网搜了一通,果然让我发现了解决之道:xlsx.file-sav

printContent (e) { let subOutputRankPrint = document.getElementById('subOutputRank-print') console.log(subOutputRankPrint.innerHTML) let newContent = subOutputRankPrint.innerHTML let oldContent = document.body.innerHTML document.body.innerHTML = newC

//打印触发的方法 print(e){ let subOutputRankPrin = document.getElementById('printcode'); var options = { format:"CODE128",displayValue:true,fontSize:18,height:100 }; if(this.selectData.length==0) { alert("亲,请记得选择打印内容0.0!"); } else { for(var i

需求有几种情况: 1.直接在HTML写页面,将页面上的东西用A4纸打印出来: 2.后台传回PDF文件,前台浏览器预览并打印: 3.后台做好要打印的,传回图片,如base64编码,前台浏览器 预览并打印: 这几种实现方式可能有些不一样. demo 后续再整理~~~

https://www.jb51.net/article/147040.htm https://www.jianshu.com/p/dd120b65446a  //转pdf

最近这段时间,用VUE写东西,有个打印功能. 百度了一下,铺天盖地的VUE打印的两种实现方法. 很感激这些千篇一律的帖子,虽然不知道他们是否真的用过,还是只是复制粘贴. 至少这些帖子告诉我,是有两个可以选择的,并且多看几篇帖子,总算把这两个打印方法,都试了一遍. 下面简单总结一下: 先说结论:请使用第二种方法,下载print.js到本地,然后放到项目中导入.原因后边说. 一.使用vue-print-nb方法 具体的使用这里就不详细说明了,因为网上真的太多太多了.千篇一律的. 在本地直接npm安装

经常在开发实际的应用程序中,需要用到图形绘制和打印程序.如何实现完整的精确打印和绘图是需要注意许多细节地方的.最近在遇到打印问题的时候,仔细研究一阵,总结这篇博文,写得有点杂乱,看文要还请费点神. 基本功能:窗体绘图与鼠标交互  打印预览与打印输出 开发平台:VisualStudio 2010 (C#) 1绘图坐标系统 1.1绘图系统坐标转换(屏幕窗口/打印机) 绘图程序涉及到多种坐标系统,总体上可分为三个坐标系:世界坐标系.页面坐标系以及设备坐标系.想要将图形图像会知道最终的设备上,中间需要做

function preview(oper) { if (oper < 10) { bdhtml = window.document.body.innerHTML; //获取当前页的html代码 sprnstr = "<!--startprint" + oper + "-->"; //设置打印开始区域 eprnstr = "<!--endprint" + oper + "-->"; //设置打印结

经常在开发实际的应用程序中,需要用到图形绘制和打印程序.如何实现完整的精确打印和绘图是需要注意许多细节地方的.最近在遇到打印问题的时候,仔细研究一阵,总结这篇博文,写得有点杂乱,看文要还请费点神. 基本功能:窗体绘图与鼠标交互 打印预览与打印输出 开发平台:VisualStudio 2010 (C#) 1绘图坐标系统 1.1绘图系统坐标转换(屏幕窗口/打印机) 绘图程序涉及到多种坐标系统,总体上可分为三个坐标系:世界坐标系.页面坐标系以及设备坐标系.想要将图形图像会知道最终的设备上,中间需要做各

/** * [print part area of html page] * @Author JohnnyZen * @DateTime 2017-10-23 * @copyright [johnny.weily] * @license [license] * @version [1.0] * @link http://www.johnnyzen.cn/ * @required itemX * @param { } [varname] [description] * @return {[type

这段代码是我从Highcharts的代码中改造出来的,非常感谢Highcharts的作者,先链上Highcharts的地址http://www.highcharts.com/,(Highcharts的统计图代码非常棒,功能超强大,大家可以试试)! 下面附上js区域打印的代码 ? /****************************************功能代码******************************/ (function(){ window.JPrint = {   

Jquery 插件PrintArea 打印指定的网页区域 需要下载jquery 和printarea.js插件 PrintArea.Js插件,可以打印整个网页中某个指定的区域. $("打印区域").printArea(); $("打印区域") 这个只会打印该区域内的内容(innerHTML),不会打印整个区域outHtml

excel打印区域设置 在打印excel的时候,经常需要来设定打印区域,才能更好的打印我们所要的东西,那怎么设置了,这里做个记录,以备使用查看 1.首先选中你要打印的区域,拖动鼠标框选就可以.如图 选中之后,点击“页面布局 —> 打印区域小箭头—>设置打印区域”.这就会设置你需要打印的区域了. 但是默认它会100%显示,有可能你的内容多而分成了几页,一些内容给分割开了,就不连续了,所以还需要设置自己的每页的打印区域 2.设置分页预览 如图,点击“视图 -à分页预览”,被分成了N页(与表格内容有

<script> function myPrint(obj){ var newWindow=window.open("打印窗口","_blank");//打印窗口要换成页面的url var docStr = obj.innerHTML; newWindow.document.write(docStr); newWindow.document.close(); newWindow.print(); newWindow.close(); } </scr