Welcome toVigges Developer Community-Open, Learning,Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
591 views
in Technique[技术] by (71.8m points)

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; 
            })  
        },

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)
等待大神解答

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to Vigges Developer Community for programmer and developer-Open, Learning and Share
...