最近公司項目要求前端打印小票篷扩,感覺print.js使用起來比較方便
1、下載print.js
點擊print.js進行下載,將print.js放到項目中
2、在項目main.js中引用print.js
import Print from '@/js/print' // 這里是你的print放置的地址
Vue.use(Print)
3、在組件中使用
<template>
<div ref="print">
打印內(nèi)容
<div class="no-print">不要打印我</div>
</div>
<button @click="doPrint">打印</button>
</template>
<script>
export default {
methods: {
doPrint() {
this.$print(this.$refs.print) // 使用
}
}
}
</script>
但是這個方法不能實現(xiàn)直接打印井佑,直接打印 必須使用控件才可以,下篇再說吧