Skip to main content
 首页 » 编程设计

vue 项目实现打印

2022年07月15日29dyllove98

首先,安装依赖

$ npm install vue-print-nb

然后再main.js中注册

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

最后使用

<el-dialog title="订单打印" :visible.sync="dialogTableVisible"> 
  <div id="printTest">//必须要有id 
       打印内容(可以是任意东西,div、table等等) 
  </div> 
  <el-button v-print="'#printTest'">打印订单</el-button> 
 </el-dialog>

本文参考链接:https://www.cnblogs.com/wulicute-TS/p/14750980.html