使用js实现局部打印页面

在需要打印的地方加上id="printBox",在vue中可以加上ref

function printDeal(){
            var printBox = document.getElementById('printBox');
            //拿到打印的区域的html内容
            var newContent =printBox.innerHTML;
            //将旧的页面储存起来，当打印完成后返给给页面。
            var oldContent = document.body.innerHTML;
            //赋值给body
            document.body.innerHTML = newContent;
            //执行window.print打印功能
            window.print();
            // 重新加载页面，以刷新数据。以防打印完之后，页面不能操作的问题
            window.location.reload();
            document.body.innerHTML = oldContent;
            return false;
        }