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>
...全文
5529 点赞 收藏 3
写回复
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
sha虫剂 2020-06-30
引用 1 楼 浴火_凤凰 的回复:
我之前的项目 都是使用手动打印的。。 不想预览 建议你再研究一下vue-print-nb这个插件
vue-print-nb这个插件已经给出的功能里面没有不预览打印的,除非我改源码,这就得不偿失了,不过已经通过其他途径完美解决了这个问题,多谢各位了! 等空闲时间我会把我的操作流程贴出来
回复
sha虫剂 2020-06-30
修改之后的内容稍微有点多,具体怎么实现的可去我的主页进行查看,稍后我会进行编辑
回复
浴火_凤凰 2020-06-29
我之前的项目 都是使用手动打印的。。 不想预览 建议你再研究一下vue-print-nb这个插件
回复
发动态
发帖子
JavaScript
创建于2007-09-28

8.4w+

社区成员

Web 开发 JavaScript
申请成为版主
社区公告
暂无公告