vue项目实现打印功能

使用的一个叫做“vue-print-nb”的插件，具体步骤：

1.下载插件：npm install vue-print-nb --save

2.在main导入并注册：

// 打印
import Print from 'vue-print-nb'
// 注册
Vue.use(Print)

3.在vue文件使用

3.1在需要打印的区域添加一个id

3.2给打印按钮添加一个v-print指令，如：v-print=“printID”

具体代码如下：

<div id="printDiv">打印的内容
</div>
<button v-print="'#printDiv'">打印</button>

vue项目实现打印功能相关推荐

vue中实现打印功能的方法与注意事项
vue中实现打印功能的方法与注意事项一.使用方法: 1. 在HTML中 2. 在VUE项目中二.问题总结 1. 设置打印方向 2. 设置打印高度 1. 单张打印 2. 循环打印 3. 获取打印操作 ...
vue项目搜索历史功能的实现
vue项目搜索历史功能的实现播放器项目中歌曲搜素页面的首先需要在state定义搜索历史,在其中保存搜索历史 state.js:<br>// 搜索历史: searchHistory: [ ...
vue热敏打印机_electron + vue项目实现打印小票功能及实现代码
一需求: 公司项目需要通过electron调用系统打印机,实现打印小票的功能. 二.分析: electron打印大概有两种: 第一种:通过window的webcontent对象,使用此种方式需要单独 ...
vue热敏打印机_electron + vue项目实现打印小票功能
前言:该文章需要一定的electron基础同学.如需了解更多相关信息,请移步electron官方文档. 一.需求: 公司项目需要通过electron调用系统打印机,实现打印小票的功能. 二.分析: e ...
vue项目实现打印预览、生成（导出）文档功能
这个功能其实也是自己学习到的,做完也有一段时间了,一直想记录总结一下,但一直没时间,今天总算闲了一点,趁一大早活还没找上门来,赶紧抓住时间鸭! 1.打印预览打印预览说白就是实现快速跳转新页面预览信息 ...
vue html页面打印功能vue-print-nb
vue项目中,HTML页面打印功能组件vue-print-nb 源码: https://github.com/shengbid/vue-print, https://github.com/sheng ...
【vue】实现打印功能
文章目录一.vue-print-nb [1]安装 [2]引用 [3]API [4]示例代码 [5]vue-print-nb插件的一些优化 [6]注意事项: 二.print.js :解决了无法打印本地 ...
Vue页面实现打印功能
实现打印功能,需要安装一个插件vue-print-nb,使用方法如下 1)安装全局的插件 npm install vue-print-nb -S 2)在main.js中注册 import Print ...
vue 实现发票打印功能
参考资料 JS实现快递单打印功能[推荐] 原生,不用 vue实现打印功能的两种方法推荐 js 实现打印功能 jq插件原生js打印插件Print.js print插件 vue原生js打印插件 js解 ...

vue项目实现打印功能

vue项目实现打印功能相关推荐

最新文章

热门文章