1.下载插件
npm install vue-easy-print --save
2.引入插件(是个组件)
import vueEasyPrint from "vue-easy-print";
components: {vueEasyPrint},
3.构建需要打印页面
<vue-easy-print tableShow ref="easyPrint">
<!-- 你自己编写打印的模板 -->
<div>balabal</div>
</vue-easy-print>
4.调用方法
<el-tooltip class="item" effect="light" content="一键打印" placement="top-start">
<el-button type="primary" icon="el-icon-printer" @click="print()">一键打印</el-button>
</el-tooltip>
print() {
this.$refs.easyPrint.print()
},
5.测试
样式打印几页啥的都可以自己调(这是测试的页面,调整之后正好一页)