vue Print.js调用打印机多页时导致table被截断

2024-09-07

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

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

@PathVariable出现点号"."时导致路径参数截断获取不全的解决办法

@PathVariable出现点号"."时导致路径参数截断获取不全的解决办法比如,我路径是/test/{name},name的值是1.2.3.4,后台用@PathVariable来接收,那后台接收到的是1.2.3,最后的“4”被截取掉了出现这种问题主要是 @EnableWebMvc 的使用问题,具体解决方法请参考:https://stackoverflow.com/questions/3526523/spring-mvc-pathvariable-getting-truncated

js调用打印机打印

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="Access-Control-Allow-Origin" content="*"> <title>Title</title> </head> <body> &l

js调用打印机打印整体或部分

有时前端的项目中需要添加打印的功能,首先要知道打印分为整体打印和局部打印两种,而局部打印又可细分为局部打印指定的部分,和局部打印指定部分之外的部分.实例比文字看起来更清晰,下面我将用代码来描述 1.整体打印这是最简单的部分 <button id="print1">打印全部</button> $('#print1').click(function(){ window.print(); }); 简单的一行js代码即可搞定 2.局部打印指定部分下面的代

（转载）js调用打印机打印整体或部分

本文转载自:https://www.cnblogs.com/lfhy/p/6802781.html 以下为原文内容: 有时前端的项目中需要添加打印的功能,首先要知道打印分为整体打印和局部打印两种,而局部打印又可细分为局部打印指定的部分,和局部打印指定部分之外的部分.实例比文字看起来更清晰,下面我将用代码来描述 1.整体打印这是最简单的部分 <button id="print1">打印全部</button> $('#print1').click(function

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="Content-

js调用app启动页

第一步:添加js $(function () { var ua = window.navigator.userAgent.toLowerCase(); //微信 if(ua.match(/MicroMessenger/i) == 'micromessenger'){ //微信浏览器绑定事件 /*$(".app").bind('click', function (event) { window.location.href = ''; })*/ }else{//非微信浏览器 if (nav

js 调用打印机方法

<button onclick="localdy({php echo $item['order']['id'];})" class="btn btn-xs orderbtn">本地打印小票</button> function localdy(id){ var c = '#print_container'+id; //拿到打印的区域的html内容 var newContent =$(c).html(); //将旧的页面储存起来,当打印完成后返给

使用tableExport.js直接导出web页面上的table

1,需要导入两个js文件,一个tableExport.js,另一个是jquery.base64.js,前一个文件是导出数据和核心类库,后一个是为了避免导出中文时乱码的js文件,如果你导出的数据没有中文,可以不适用它. 说明:只能对table标签进行操作 2,导入以上两个js后,为下载按钮绑定事件,如下代码是最简单的导出配置 //文件导出--------------------------$("#btnExport").click(function(){ $('#stats

js调用.net后台

<head runat=server> <script type="text/javascript"> $(function () { var js_timeType = <% =timeType %>; var js_selectStr = "<% =selectStr %>"; var js_Jumb = "<% =Jumb() %>"; } </script> <

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

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

JS调用水晶报表打印翻页按钮事件

默认的水晶报表打印按钮.翻页按钮太小,并且样式不好调整,考虑自己做一个按钮,然后调用水晶报表的按钮事件. 在实际操作中发现可以在.net按钮的服务器端事件中调用翻页方法: CrystalReportViewer1.ShowPrevious(); //上一页CrystalReportViewer1.ShowFirst(); //第一页CrystalReportViewer1.ShowNext(); //下一页CrystalReportViewer1.ShowLast(); //最后一页然而没有发

基于Vue.js的大型报告页项目实现过程及问题总结（一）

今年5月份的时候做了一个测评报告项目,需要在网页正常显示的同时且可打印为pdf,当时的技术方案采用jquery+template的方式,因为是固定模板所以并没有考虑报告的模块化区分,九月底产品提出新的需求,由于报告页数动辄上千页,所以希望用户自行选择内容生成报告,这个时候原项目就不够灵活了,与小伙伴商量决定将这个项目使用vue进行重构,对报告模块进行细分封装组件复用,大概一个月的工期,中途遇到n多坑,趁着今天有时间将实现思路整理出来并将出现的问题总结一下整体的实现思维导图如下: 需要考虑的:

ReactiveX 学习笔记（25）使用 RxJS + Vue.js 调用 REST API

JSON : Placeholder JSON : Placeholder (https://jsonplaceholder.typicode.com/) 是一个用于测试的 REST API 网站. 以下使用 RxJS6 + Vue.js 调用该网站的 REST API,获取字符串以及 JSON 数据. GET /posts/1 GET /posts POST /posts PUT /posts/1 DELETE /posts/1 所有 GET API 都返回JSON数据,格式(JSON-Sch

Rails : css或js文件无法成功预编译或调用jquery类插件时预编译问题

调用bootstrap css框架时,将bootstrap文件夹放入 vendor/assets/下 bootstrap文件结构如下: [shenma@localhost demo]$ ls vendor/assets/bootstrap/ css img js [shenma@localhost demo]$ ls vendor/assets/bootstrap/css/ bootstrap.css bootstrap.min.css bootstrap-resp

vue.js 调用iOS原生方法，JavaScriptCore

1. 2. 3. 4.vue.js调用

调用上一个页面的js方法

点击商品分类,弹出下框点击确定,将选中的类别的name和唯一的code返回到上个页面 function save(){ var ids = getIdSelections(); jp.get("${ctx}/product/hzproduct/saveType?ids=" + getIdSelections()+"&id="+$.trim($("#idele").text()), function(data){ if(data.succ

vue使用案例，vue初始化，vue初始化方法，vue条件语句，vue在js里面添加元素调用vue方法

<div id="main" > <button id='but1' type="button" v-on:click="save" v-on:mouseout="seout('but1')" v-on:mouseover="seover('but1')"> {{button}} </button> </div> let vue= new Vue({ el

ios--网页js调用oc代码+传递参数+避免中文参数乱码的解决方案(实例)

此解决方案原理: 1.在ViewController.h中声明方法和成员变量,以及webView的委托: // // ViewController.h // JS_IOS_01 // // Created by IMAC on 14-2-24. // Copyright (c) 2014年 Wanggsx. All rights reserved. // #import <UIKit/UIKit.h> @interface ViewController : UIViewControll

偏前端 - div+mui+vue.js 制作问卷调查单页 ——题目答案由后台随机给出10道

封装的ajax获取数据.代码可能有些是多余的,没做处理!!点击提交后有弹框,在这里我没有贴出来.第一次写博客,这些也是别人教我的,经理解后,贴出来于大家分享 ——html—— <script type="text/javascript" src="../../js/public/vue.min.js" ></script> <script type="text/javascript" src="../../

[iOS]通过JS调用iOS函数时的URL编码问题

在前面的文章:[iOS]在WebApp中怎样使用JS调用iOS的函数中,提到了怎样使用JS通过改动URL调用iOS的内部函数. 当中会遇到一个问题,就是编码问题.比方通过URL调用弹窗,在里面写上内容:你好汪海. 那链接大概就是这种:http://xxx.com#ios?action=alert&param=你好汪海可是在iOS中接收到的时候会出现中文的乱码: http://xxx.com#ios?action=alert&param=%25E6%2596%2587%25E4 遇到这个

vue Print.js调用打印机多页时导致table被截断

热门专题