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

新手上路,请多包涵

微信截图_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; 
            })  
        },
阅读 3.6k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题