vue实现打印功能
在后台管理项目 可能会涉及到线下合同 然后在线打印 线下签合同 类似于这样的功能 ps(如图 打印20多页的合同 当点击打印的时候 链接打印机打印出来)下面一起看看到底改怎么实现其实核心是依赖一个插件vue-print-nb自己安装去吧npm install vue-print-nb --save然后在main.js引入import Print from '...
·
在后台管理项目 可能会涉及到线下合同 然后在线打印 线下签合同 类似于这样的功能 ps(如图 打印20多页的合同 当点击打印的时候 链接打印机打印出来)下面一起看看到底改怎么实现

其实核心是依赖一个插件 vue-print-nb
自己安装去吧
npm install vue-print-nb --save
然后在main.js引入
import Print from 'vue-print-nb'
Vue.use(Print);
然后在页面里面直接使用
<template>
<div>
<div id="printTest" >
<p>床前明月光</p>
<p>疑是地上霜</p>
<p>举头望明月</p>
<p>低头思故乡</p>
</div>
<button v-print="'#printTest'">打印</button>
</div>
</template>
<script>
export default {
}
</script>
<style lang="less" scoped>
</style>
更多推荐



所有评论(0)