首页 > 其他 > 详细

在VUE中实现打印

时间:2019-06-21 15:39:27      阅读:554      评论:0      收藏:0      [点我收藏+]

1.安装

npm install vue-print-nb --save

2.在mian.js中引入

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

3.在页面中使用

<el-dialog title="打印页面" :visible.sync="dialogVisible" width="40%" :loading="loading" size=‘small‘ @open="dialogOpen">
     <div style="width:500px">
       <img  id="printTest" :src="printImg" style="width:100%;  height:auto;" >
     </div>  
    <span slot="footer" class="dialog-footer">
      <el-button @click="dialogVisible = false">取 消</el-button>
      <el-button type="primary" @click="print" v-print="‘#printTest‘">去打印</el-button>
    </span>
  </el-dialog>

 在图中的
id="printTest"
v-print="‘#printTest‘"
写上就能打印了~

在VUE中实现打印

原文:https://www.cnblogs.com/JiAyInNnNn/p/11064703.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!