如何设置当前网页打印时的页眉参数为包括“当前页码”和“网页总数”?

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何设置当前网页打印时的页眉参数为包括“当前页码”和“网页总数”?相关的知识,希望对你有一定的参考价值。

1. 火狐
文件->页面设置->边界页眉页脚
页眉部分选择 第#页 共#页

2. 谷歌浏览器
按<CLT>+<P>之后可以看到默认就页数和时间,不过是在页脚

3. IE浏览器
齿轮图标->打印->页面设置
页眉部分选择 第#页 总页数
参考技术A 文件----页面设置----页眉处输入&w&b页码,&p&P,即可!(注意区分大小写!) 参考技术B 浏览器菜单栏的,文件菜单,里面的"页面设置"进行设置
答案补充
&w&bPage
&p
of
&P
&p为当前页码
&P为页码总数
参考技术C 浏览器菜单栏的,文件菜单,里面的"页面设置"进行设置 参考技术D 左键点IE浏览器 就在里面

element ui源码解析 -- Pagination篇( 副:列表页进入详情页再返回后,如何保持当前页码正确 )

之所以看Pagination源码,由于一个问题:

需求:从列表页进入详情页后再返回,需求方希望保持在当前的页码而不是重新定位到第一页

问题:按照element ui文档设置current-page后请求的数据正常,但pagination的页码显示却不正确,不管current-page值等于多少,永远显示第一页

 

解决方案:

1、

  改

    :current-page="currentPage"
  为
    :current-page.sync="currentPage"
 
2、查询接口增加设置currentPage字段
  技术图片

 

 

光知道解决方案,不知道原因不行,于是翻了一下源码

原因:

  pagination组件监听了currentPage,pageSize,internalCurrentPage,internalPageCount

   技术图片

 

   引用pagination组件通常这么写:

  技术图片

 

   注意:组件并没有监听total字段,下面会谈到他

 

  技术图片

 

   这里有个getValidCurrentPage函数,从名字就能看出他是干嘛的,获取合法的当前页码,来看看这个函数都干了啥

  技术图片

 

  这里有个internalPageCount,这个字段就是调用组件时传入的total值(就是上文提到的那个total),由于要请求接口加载数据,一开始我们并不知道会有多少条数据,通常会把这个值设为0,这个值为0该函数就会返回1,组件内部的当前页永远是第一页。pager.vue会按照当前页是第一页进行渲染。此时不管你代码如何修改currentPage都是无效的(本人曾经认为是不是渲染时机导致的页码不正确)。

   以上就是文章开头那个问题的答案。我们可以稍微修改一下参数来印证一下这个答案。

  技术图片

 

   技术图片

 

 当前页是第二页,请求的也是第二页

如果你把total改成初始值为0,请求接口再去更改值的变量,页码显示就会异常了。

 

扩展:

  到这里就结束了吗,没有,知道原因还不行,我们还得知道为什么要这么改,继续。

  为什么要这么写::current-page.sync="currentPage",这里就不费话了,vue官网有说明。

  技术图片

 

   请求接口后为什么要再次设置currentPage?

   还记得上文提到的那个total吗,pagination组件并没有监听total字段,只监听了currentPage,再次设置后会触发

this.$emit(‘update:currentPage‘, newVal);

  实现页码渲染的更新

就酱

以上是关于如何设置当前网页打印时的页眉参数为包括“当前页码”和“网页总数”?的主要内容,如果未能解决你的问题,请参考以下文章

网页页眉页脚怎么设置

比较当前页码和上一页码

浏览器如何设置打印页面的页眉页脚

页眉,页面计数器和页脚布局无法正常工作

如何在 jqGrid 中设置当前页码?

如何将网页打印为不分页的pdf