之前用的是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>
