vue打印表格_vue在新窗口打印表格

作者：知新_RL | 2024-02-19 06:02:12

踩

vue在新窗口打印表格

1、npm 下载 npm install print-js

2、在需要的页面使用

import printJS from ‘print-js’

在这里插入图片描述

3、写一个按钮

<!-- 点击按钮进行打印 -->
<el-button type="primary" icon="el-icon-printer" @click="printTable">
    打印
</el-button>
1
2
3
4

4、打印表格的方法

printTable(){
   //打印表格
	 //通过getdata调用后台接口获取全部数据封装到res
	 axios({
   
	     url:'/apis/cost/getData',
	     methods: "GET",
	     params:{
   
	         "tId":this.tId
	     }
	 1
2
3
4
5
6
7
8
9
10
11

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/知新_RL/article/detail/113025?site