Vue 浏览器的局部打印

Vue 浏览器的局部打印,第1张

先说需求:点击打印调出d出框->d出框内展示打印内容->点击打印调出浏览器打印->浏览器打印预览为d出框内容

一、先说最终成品

1.首页内容

2.点击打印d出打印内容

3.点击打印调出浏览器打印打印d出框内容

二、过程

核心思路是控制浏览器打印内容盖住body的内容 废话少说 上代码辣

1.首页代码






 就是简单的调出d框组件没啥可说的

2.d出框组件






三、知识点补充

@media print -> 控制打印

* 相当于选择器,代表html所有的元素,包括html标签、body标签

body只是一个标签,如果它的子标签和该属性均具有继承性,才会继承这里所设置的属性

单纯记录 !!!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1320073.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-11
下一篇 2022-06-11

发表评论

登录后才能评论

评论列表(0条)

保存