问答

Chrome打印预览中缺少布局选项,如何调用出来?

作者:admin 2021-06-14 我要评论

全网搜索了一遍,有一个解决办法说是需要写入这段CSS才能显示出来这个按钮 ` ` @page { size: auto; } * * *但是我在添加后再次调用打印也还是没有出现,有的页...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

微信截图_20200729173943.png微信截图_20200729174038.png
全网搜索了一遍,有一个解决办法说是需要写入这段CSS才能显示出来这个按钮``
@page {

size: auto;

}


* * *
但是我在添加后再次调用打印也还是没有出现,有的页面未在里面使用此段CSS样式也会有布局按钮的选项显示出来。
请问如何才能保持布局按钮在每次的打印预览中出来呢?
以下我调用打印的代码

// 调用打印

        print(){
            this.printNow = true;
            this.$nextTick(() => {
                // 打印的区域
                let newstr = this.$refs.el;
                let oldstr = document.getElementById('app');
                let printDOM = newstr.cloneNode(true);
                printDOM.id = 'print';
                printDOM.style.display = 'block';
                oldstr.style.display = 'none';
                window.document.body.appendChild(printDOM);
                window.print(); 

                // 打印完还原
                this.$nextTick(() => {
                    this.printNow = false;
                    let printDom = document.getElementById('print');
                    oldstr.style.display = 'block';
                    printDom.remove();
                })
                return false; 
            })  
        },

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • Chrome打印预览中缺少布局选项,如何调

    Chrome打印预览中缺少布局选项,如何调

  • !!u.match(/\(i[^;]+;( U;)? CPU.+Mac

    !!u.match(/\(i[^;]+;( U;)? CPU.+Mac

  • 为什么 React 的源码越来越难看懂?

    为什么 React 的源码越来越难看懂?

  • oc用#define定义了,还能被修改?

    oc用#define定义了,还能被修改?

腾讯云代理商
海外云服务器