vue 项目中使用print.js实现表单的打印。

首先：在main.js中

import Print from '@/utils/print' // 引入js文件
Vue.use(Print);

在页面中：

  <div style="display: none">   //dispaly 用于显示或隐藏你需要打印的部分。
                    <div  ref="print" >   //命名ref为print，该部分为要打印的部分，（不使用id命名的原因，为了防止webpack打包时，打印内容为空。） 
                        ....                    //这里为要打印的表单内容，样式最好为内联样式。
                    </div>
 </div>

打印按钮：

    <el-button  type="primary" size="small" icon="iconfont icon-printer" @click="printReport()">打印</el-button>

function:

     // 打印
            printReport() {
                if(this.Selection.length>0){
                    this.$print(this.$refs.print)    //调用打印，$refs.print（print为ref命名）