js打印页面

最近项目需要实现将局部页面输出pdf文件，做了以下案例

效果

html

<template>
    <div id="test-page">
        <!-- 额外元素 -->
        <div class="myInput">
            <el-input v-model="text"></el-input>{
  {text}}
        </div>
        <!-- 打印按钮 -->
        <el-button @click="printPDF">打印pdf</el-button>
        <!-- 打印元素 -->
        <div id="print-box">
            <div class="fwb">
                测试数据1
                <div v-html="htmlVal"<