vxe-table 实现打印出货单、自定义单据打印

vxe-table 内置非常强大 H5 打印，只需要传入 html 代码和 css 样式，就可以实现任何复杂的打印
官网：https://vxeui.com

1. <template>
2.   
3.     <vxe-button @click="printEvent">点击打印</vxe-button>
5.    
6.       
7.         
8.          
9.             商品名称：Vxe 企业授权
10.             发货单号：X2665847132654
11.             发货日期：2024-12-01
12.          
13.          
14.             收货姓名：小徐
15.             收货地址：火星第七区18号001
16.             联系电话：10086
17.          
18.         
19.       
21.       <vxe-grid ref="gridRef" v-bind="gridOptions"></vxe-grid>
23.       
24.         
25.          
26.             
27.             创建人：小徐
28.             创建日期：2024-12-01
29.          
30.         
31.       
32.    
33.   
34. </template>

复制代码

https://github.com/x-extends/vxe-table

来源：程序园用户自行投稿发布，如果侵权，请联系站长删除
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！