vue 打印预览vue-print-nb的使用与常见问题

1. npm安装指令：©npm i(stall) -s(ave) vue-print-nb

2. main.js中配置

   import Print from 'vue-print-nb'
   Vue.use(Print);

3. 代码中的使用

   <a-button
             key="submit"
             v-print="printObj"
             type="primary"
             :loading="modalbtnloading"
           >
             打印
           </a-button>
   <script>
    export default{
         data() {
           return {
             modalbtnloading: false,
             printObj: {
                 id: "printTest",//要打印的id名 无#号
                 popTitle:'',//页眉标题 默认浏览器标题 
                 extraHead:'',//头部文字 默认空
               },
           }
         },
   }
   </script>

4. 取消打印出来的页眉页脚

   <style scoped lang="less">
   @page {
       size: auto;
       margin: 0mm;
     }
   </style>