项目简介
本项目是基于Vue框架开发的页面打印插件,为开发者提供了便捷、快速的页面打印功能,可实现多种方式的页面打印及自定义配置。
项目的主要特性和功能
- 操作简便:使用简单指令就能完成页面打印。
- 高效快速:内部打印逻辑高效,可迅速完成打印任务。
- 配置灵活:支持自定义打印范围、标题、额外CSS和头部等。
- 回调机制:具备打印前后的回调函数,便于执行特定操作。
- 模式多样:支持横向和竖向打印模式。
安装使用步骤
安装插件
使用NPM进行安装:
bash
npm install vue-print-nb --save
引入插件
可在Vue项目中全局引入:
javascript
import Print from 'vue-print-nb'
Vue.use(Print);
也能局部使用:
javascript
import print from 'vue-print-nb'
directives: {
print
}
使用打印指令
打印整个页面,在按钮添加v-print
指令:
html
<button v-print>Print the entire page</button>
指定打印范围,传入字符串类型参数指定元素ID:
html
<button v-print="'#printMe'">Print local range</button>
还能传入对象配置更多打印选项。
运行示例
下载项目源码后,安装依赖并运行示例:
bash
npm run serve
本地访问http://localhost:8080/
查看示例页面。
License
项目采用MIT开源协议,详情见项目仓库的LICENSE文件。
下载地址
点击下载 【提取码: 4003】