js或者vue-print-nb插件在chorme调用打印是都会带上 页眉页脚及时间。
在chorme中可以手动设置 打印是否要页眉页脚,如果不想手动打印时设置可以参考用css 控制:
参考:
https://stackoverflow.com/questions/1960939/disabling-browser-print-options-headers-footers-margins-from-page
@page{
size: auto; /* auto is the initial value */
margin: 3mm; /* this affects the margin in the printer settings */
html{
background-color: #FFFFFF;
margin: 0px; /* this affects the margin on the html before sending to printer */
body{
border: solid 1px blue ;
margin: 10mm 15mm 10mm 15mm; /* margin you want for the content */
js或者vue-print-nb插件在chorme调用打印是都会带上 页眉页脚及时间。在chorme中可以手动设置 打印是否要页眉页脚,如果不想手动打印时设置可以参考用css 控制:参考:https://stackoverflow.com/questions/1960939/disabling-browser-print-options-headers-footers-margins-fr...
在IE
中控制的话 可以参考var hkey_root, hkey_path, hkey_key;
hkey_root = "HKEY_CURRENT_USER";
hkey_path = "\\Software\\Microsoft\\Internet Explorer\\PageSetup\\";
//设置网页
打印的
页眉页
脚为空
一、这次使用的是vue-print-nb插件完成打印的功能。
借鉴链接:https://www.cnblogs.com/steamed-twisted-roll/p/10683680.html
文档:https://www.npmjs.com/package/vue-print-nb#usage-method
安装 npm install vue-print-nb --save
在main.js文件中注册
import Print from 'vue-print-nb'
Vue.us
正常 print() 浏览器会带页眉和页脚,包含日期、页码、页面title、当前url,这些信息往往不适合打印出来,所以需要去掉。
插件 vue-easy-print
@page{
size: auto A4 landscape;
margin: 3mm;
同时,打印多页的情况下,在当前内容的盒子上加padding,每个页面情况不一样,padding的值也不固定,需要尝试
.agreeCon {
background: #fff;
print(e){
// if (!!window.ActiveXObject || "ActiveXObject" in window) { //是否ie
// alert('9090');
// remove_ie_head
vue-print-nb是一个Vue.js的第三方库,可用于在浏览器中打印页面。要在打印输出中添加分页,你需要在CSS样式中使用@media print查询来指定打印时的样式。下面是一个示例代码:
```css
@media print {
.page-break {
page-break-after: always;
这个CSS代码片段将在打印时创建一个分页效果。然后,你需要在HTML中添加一个具有.page-break类的元素,以指定何时在页面上插入分页。例如:
```html
<div class="page-break"></div>
在需要插入分页的地方添加这个元素,然后在打印时就会自动创建分页了。注意,在使用vue-print-nb打印页面时,你需要确保这个CSS样式和HTML元素已经正确地引入到了打印输出的HTML页面中。
【nodeJs】This usually happens because your environment has changed since running `npm install`
17308