安装 vue-print-nb插件
npm install vue-print-nb --save
安装完成后
在页面引入
import Print from 'vue-print-nb'
</section>
</template>
<script>
import Vue from 'vue';
import Print from 'vue-print-nb'
Vue.use(Print);
import util from "../../common/js/util";
import {
} from "../../api/api";
export default {
data() {
return {
...
然后在需要打印的位置,添加 id="printContent"
例如我是打印整个弹出框的信息,所以在最外层加了个div
<el-dialog title="打印" :visible.sync="printVisible" :close-on-click-modal="false" width="200mm">
<div id="printContent">
<template>
<section class="title">
*******
</section>
</template>