vue中实现打印功能时出现多打印一个空白页

2024-11-09

使用那各VUE的打印功能（print.js）出现多打印一个空白页的问题

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

在用easyui中做CRUD功能时，当删除一行或多行数据后再点击修改会提示你选中了多行，如何解决这个bug了?

在用easyui中做CRUD功能时,当删除一行或多行数据后再点击修改会提示你选中了多行,如何解决这个bug了? 在删除成功后,加上这句话就可以了:$("#dg").datagrid('clearSelections');//清空已经选择的行

62. 用流程自带的打印功能，IE浏览器打印出来是空白

用流程自带的打印功能,IE浏览器打印出来是空白的这个问题确认是由于IE启用了兼容模式导致的了把IE的兼容模式关掉就行了

JS 打印功能代码可实现打印预览、打印设置等

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Conten

vue中图片放大镜功能

仿淘宝详情页图片鼠标移过去可对图片放大显示在右侧效果图如下图,此功能支持PC端与移动端接下来进入代码实现环节: 先准备两张图片,一张小图片叫 '土味.jpg',大小160*91:一张大图片叫 ' 土味Big.jpg ',大小320*181. 大家看图片名字是什么就知道我要干什么,大家都懂的,接下来素材准备好了,进入代码环节: html结构: <div class="productLeft">  <div class="

vue中使用element组件时事件想要传递其他参数的问题

在使用element的上传组件时在一下几个钩子中传递其他参数图中是文件上传时的几个钩子,参数为文件或文件列表或者其他参数,但是现在我想在原有参数上传递其他参数.比如我想在on-success的钩子中传递一个自定义参数i,原本是这样写的: :on-success=”handleSuccess(i)” //handleSuccess是一个方法但是发现这样写取不到自身原来的参数,后来在网上找到了一个比较好的方法,如下: :on-success=”(value)=> handleSuccess(i,

Vue中在组件销毁时清除定时器（setInterval）

在mounted中创建并执行定时器,然后在beforeDestroy或者destroyed中清除定时器 <template> <div class="about"> </div> </template> <script> export default { name: "about", data() { return { //接收定时器 timer: "" }; }, mounted()

vue中组件绑定事件时是否加.native

组件绑定事件时 1. 普通组件绑定事件不能添加.native, 添加后事件失效 2. 自定义组件绑定事件需要添加.native, 否则事件无效 <template>  <input type="text" @keyup.native="show($event)

vue中图片返回404时，显示默认的图片

图片返回404时候的处理 <img :src="userMsg.portrait" ref="img" alt=""> _this.$refs.img.onerror = function(){ _this.userMsg.portrait = require('@/assets/images/user_img.jpeg') }

使用Excel2007去反复功能时要注意的一个问题

作者:iamlaosong Excel2007有个去反复功能(菜单:数据----删除反复项).非常实用,过去须要用VBA编程实现的功能,如今点击一下图标即可了.去反复通常是指定某列或者某几列.依据这指定的列将反复的删除. 须要注意的是,这个指定的列中的值尽管同样(反复),但未指定的列却不一定同样.删除反复是保留反复项的第一行.删除兴许行,因此,最后的结果就和原始数据的排列有关系,不同的排列,尽管指定列留下来的内容是一样的,但非指定列保留下来的内容却有所不同.

在Vue中使用iview的Select控件实现一个多级选项列表

前言今天项目要实现一个多级选项列表,发现iview官网上没有写这个例子,于是自己就实现了,如果对你有帮助请点个赞 ‘ * ’!! 解决方法:下面我们就来使用V-for 来定义一个二级选项列表 ,代码如下: <Select> <OptionGroup v-for="(group,index) in parentlist" :key="group.id" :label="group.name"> <Option v-f

vue中超简单的方法实现点击一个按钮出现弹框，点击弹框外关闭弹框

效果图展示: View层 <template> <div> <div class="mask" v-if="showModal" @click="showModal=false"></div> <div class="pop" v-if="showModal"> <button @click="showModal=false&quo

word中表格占满一页，在后面出现一个空白页删除方法

如果空白面是最后一页,且鼠标在第一行,可选“格式”-“段落”,将这一行的行距设为固定值1磅,该空白页将自动消失.

导出excel时，跳转新空白页，不要跳转怎么改

导出excel的时候,偶尔会出现跳转到一个新页面再导出excel js中用window.open()做跳转不想让它跳转到新页面,需要加一个隐藏的iframe <iframe name="hidden_frame" id="hidden_frame" style="display: none"></iframe> 跳转格式 window.open("#######","hidden_frame

.NET中使用FastReport实现打印功能

FastReport是功能非常强大的报表工具,在本篇文章中讲解如何使用FastReport实现打印功能. 一.新建一个窗体程序,窗体上面有设计界面和预览界面两个按钮,分别对应FastReport的设计和预览功能,其实现代码如下: using FastReport; using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Data.Sql

VUE中实现iview的图标效果时遇到的一个问题

[Vue warn]: You are using the runtime-only build of Vue where the template compiler is not available. Either pre-compile the templates into render functions, or use the compiler-included build. found in ---> <Affix> <Goodsinfo> at src\compo

vue 中使用print.js 打印遇到的问题？

不管怎么设置打印部分的 margin和height 仍会在预览时多出一张空白页?求各位大佬遇到过的请留言谢谢!

react + antd 实现打印功能（踩了不少坑）

最近在有网页打印需求,尝试了一下react的打印功能,遇到了不少的坑: 1.react本身有一些打印的组件,但都不好用,都是基于window.print(),但是window.print()如果直接打印的话,没有样式.处理直接当前网页的body设置为你要打印的区域,但是当你取消打印的时候你会发现整个网页都被你要打印的区域占满了,你还得用window.reload()重新加载一下页面,用户交互很不好,建议不要采用这种方式. 2.样式的问题,我们可以通过写内联样式解决,尝试了react的react-

个人永久性免费-Excel催化剂功能第50波-批量打印、导出PDF、双面打印功能

在倡导无纸化办公的今天,是否打印是一个碍眼的功能呢,某些时候的确是,但对于数据的留存,在现在鼓吹区块链技术的今天,仍然不失它的核心价值,数据报表.单据打印出来留存,仍然是一种不可或缺的数据存档和防篡改功能.听说Excel最好用的功能是打印功能,在此谨借第50波功能的重大里程碑,献给打印这一最古老且长存的功能,推出批量打印功能. 视频演示 Excel催化剂已正式在千聊上发布视频,如查阅文章有理解障碍,不妨查看下视频,视频不定期更新,内容丰富,干货满满,有术亦有道! 推广期间有砍价购活动,白菜价59

web页面实现指定区域打印功能

web页面实现指定区域打印功能使用CSS,定义一个.noprint的class,将不打印的内容放入这个class内. 详细如下: <style media=print type="text/css"> .noprint{visibility:hidden} </style> 要打印的内容.哈哈! <p class="noprint">将不打印的代码放在这里.</p> <a href="javas

vue中实现打印功能时出现多打印一个空白页

热门专题