如何实现HTML自动分页 使vue-html2pdf生成PDF与HTML分页效果一致

为HTML内容实现auto-break（自动断页）/paginate（分页）效果，确保最终导出的PDF，和HTML页面上的分页展示效果完全一致。
强制要求：当HTML内容溢出标准A4纸张的显示范围时，必须自动新增分页。

项目目前使用Vue生态的PDF生成插件vue-html2pdf，需要实现内容溢出A4尺寸时自动分页的能力，要求无需触发生成PDF操作，即可直接在页面上预览到和最终导出PDF完全一致的分页效果。

• 点击页面Auto add textcontent按钮，会生成跨越多页的多行文本内容，但此时页面不会展示正确的分页分隔，分页效果不生效
• 点击Generate pdf按钮后，导出的PDF文件自带正确分页，需要将该分页逻辑同步到页面预览阶段，不用执行PDF生成操作就能看到对应分页效果

已提供可直接复现问题的示例项目，核心业务逻辑位于项目的src/App.vue文件中。

内容的提问来源于stack exchange，提问作者EaBengaluru