vue打印文件(v-print)

Vue打印文件(v-print)

Vue v-print打印文件。
下载安装插件
npm install vue-print-nb --save

引入注册
在app.js或main.js中引入

//打印文件
import Print from 'vue-print-nb'
Vue.user(Print)

使用HTML 部分

<div id="single-info">
    <el-form  label-width="160px">
       <el-row align="center" style="margin-top:30px;">
            <el-col :span="24" align="center">
               <el-button id="info-btn" v-print="'#single-info'"  @click="prints">打印</el-button>
           </el-col>
       </el-row>
   </el-form>
</div>

JS 部分

		prints(){
          var prints = document.getElementById('single-info');
          prints.title = "打印的标题";
     	}