Print打印及打印格式处理

1.安装依赖"vue-print-nb": "^1.7.5",

2.将需要打印的内容用div包裹起来，id设为print

<div id="print">
   我是要打印的内容
</div>

3.设置打印按钮

      <el-button
        v-print="'#print'"
        @click="submitForm"
        >打 印</el-button
      >

4.打印预览的页面需要做样式处理

@media print {
  #print {
    font-size: 10px;
  }
  #print .content {
    margin-left: 0px;
    box-shadow: none;
  }
  // 标题
  .head_title {
    display: inline-block;
    font-size: 28px;
    margin-top: 50px;
  }
 
}

5.打印完成