vue实现怎么实现自动打印功能(急!!!!!)

sha虫剂 2020-06-28 09:45:23
在项目开发中,上一版本做了打印功能,但是打印会打开打印预览,而且是手动打印,但是客户要求要实现每增加一条数据,打印机就自动打印,找了半天没找到可以实现自动打印的,求教啊,我应该怎么做(要求:新增数据自动打印,且不预览,打印机为小票打印,类似超市那种小票)


之前用的是vue-print-nb这个插件来实现打印功能的

部分代码
<div id="printMe" style="padding:5px;">
<div v-for="(item, index) in printMelist" :key="index">

<div class="print-box">
<el-row>
<el-col :span="24">
<span class="print-name">联系电话:</span>
<span class="print-name">{{ item.phone }}</span>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<span class="print-name">身份证号码:</span>
<span class="print-name">{{ item.idCard }}</span>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<span class="print-name">现住址:</span>
<span class="print-name">{{ item.address }}</span>
</el-col>
</el-row>
<el-row>
<el-col :span="24">
<span class="print-name">签名:</span>
</el-col>
</el-row>
<div
style="width: 100%; height: 1px;border-bottom:1px dashed #333 }"
></div>
</div>
</div>
</div>

<el-button type="primary" @click="printMe" v-print="'#printMe'">打印</el-button>
...全文
7352 4 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
sha虫剂 2020-06-30
  • 打赏
  • 举报
回复
引用 1 楼 浴火_凤凰 的回复:
我之前的项目 都是使用手动打印的。。 不想预览 建议你再研究一下vue-print-nb这个插件
vue-print-nb这个插件已经给出的功能里面没有不预览打印的,除非我改源码,这就得不偿失了,不过已经通过其他途径完美解决了这个问题,多谢各位了! 等空闲时间我会把我的操作流程贴出来
shijingbetter 2022-02-07
  • 举报
回复
@sha虫剂 求如何处理的
sha虫剂 2020-06-30
  • 打赏
  • 举报
回复
修改之后的内容稍微有点多,具体怎么实现的可去我的主页进行查看,稍后我会进行编辑
浴火_凤凰 2020-06-29
  • 打赏
  • 举报
回复
我之前的项目 都是使用手动打印的。。 不想预览 建议你再研究一下vue-print-nb这个插件

87,996

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧