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>