如何使用 html2pdf 在分頁符后添加填充

Question

使用 html2pdf 將 vue.js html 轉換為 pdf。 這里一切都很好，只有在分頁元素之后我需要添加 padding-top 和 padding-bottom 。

這是我嘗試過的代碼。

var element = document.getElementById('inner');
            var opt = {
                margin: 0,
                filename: this.auth_user,
                image: {type: 'jpeg',quality: 0.98},
                html2canvas: {
                    scale: 2,
                    bottom: 20
                },
                pagebreak: { mode: ['css']},
                jsPDF: {
                    unit: 'mm',
                    orientation: 'portrait'
                }
            };

            html2pdf().set(opt).from(element).then(function() {
                $("#inner").css( { "font-size":"12px", "background-color" : "#F5F5F5" });
            }).save();

這里需要填充

這是示例

它會拯救我的一天

Answer 1

填寫它的唯一方法是通過 CSS，但您可以為文檔定義一個邊距，如下所示：

var opt = {
               margin:       [30, 0, 30, 0], //top, left, buttom, right
                filename: this.auth_user,
                image: {type: 'jpeg',quality: 0.98},
                html2canvas: {
                    scale: 2,
                    bottom: 20
                },
                pagebreak: { mode: ['css']},
                jsPDF: {
                    unit: 'mm',
                    orientation: 'portrait'
                }
              };

小提琴示例