源码链接:https://github.com/CcSimple/vue-plugin-hiprint-start 效果如下: 1.前言 首先我们应该清楚两种打印模式: 拖拽生成的html,创建iframe然后调用浏览器提供的printAPI 将生成的html,通过socket.io发送到直接打印客户端再调用electron提供的printAPI
const MyPlugin = {} MyPlugin.install = function (Vue, options) { // 4. 添加实例方法 Vue.prototype.$print = Print } export default MyPlugin 2.main.js 注册模块 1 2 3 // 导入打印组件 import Print from './plugins/print/Print' Vue.use(Print) 3.新建print.vue组件 1 2 3 4 5 6 7...
1、安装插件: 1 npm install vue-plugin-hiprint 或 1 yarn add vue-plugin-hiprint 2、普通使用: <template> <el-button-group> <el-button type="primary" @click="print">浏览器打印</el-button> <el-button type="primary" @click="exportJson">导出JSON</el-button> </el-button-group> <...
let hiprintTemplate = new hiprint.PrintTemplate({xxx}); // 打印 hiprintTemplate.print(printData); // 批量打印 hiprintTemplate.print([printData,printData2]); 浏览器打印更多参数: // printData 为数组 就是 批量打印 hiprintTemplate.print(printData, { // 将覆盖面板偏移设置 leftOffset: -10, //...
将print-lock.css文件复制到public 安装依赖 npm install vue-plugin-hiprint main.js中 引入安装 import {hiPrintPlugin} from 'vue-plugin-hiprint' Vue.use(hiPrintPlugin, '$pluginName') hiPrintPlugin.disAutoConnect(); // 取消自动连接直接打印客户端 ...
在Vue 组件中,你需要导入 vue-plugin-hiprint 并调用其提供的打印方法。通常,你会先创建一个 PrintTemplate 实例,然后调用该实例的 print 或print2 方法进行打印。 传递需要打印的数据给 vue-plugin-hiprint: 在调用打印方法时,你需要传递一个包含打印数据的对象。这个对象通常包括模板的 JSON 数据、打印选项等。
1.创建一个构造函数Print 2.给Print的prototype添加需要用到方法 3.声明一个常量MyPlugin为它添加方法 将Print方法挂载到Vue原型链上 4.export导出MyPlugin 第一步创建一个构造函数Print 默认接受两个参数 一个是打印的指定区, 一个是自定义页眉的标题。 (要注意哦,这里有些同学可能会不懂这个判断的意思,因为这...
github:https://github.com/CcSimple/vue-plugin-hiprint print.io官网:http://hiprint.io/demo 1|2引入插件: jsbarcode: npm install jsbarcode --save socket.io: npm install socket.io jspdf: npm install jspdf --save 1|3代码简单介绍 1|0面板 ...
1.创建一个构造函数Print 2.给Print的prototype添加需要用到方法 3.声明一个常量MyPlugin 为它添加方法 将Print方法挂载到Vue原型链上 4.export导出MyPlugin 第一步创建一个构造函数Print 默认接受两个参数 一个是打印的指定区，一个是自定义页眉的标题。 要注意哦，有些同学这里可能会不懂这个判断的意思，因为...
MyPlugin.install = function (Vue, options) { // 4. 添加实例方法 Vue.prototype.$print = Print } export default MyPlugin 分类: vue 好文要顶 关注我 收藏该文 微信分享 ljygirl 粉丝- 3 关注- 2 +加关注 0 0 升级成为会员 « 上一篇: 【Vue】---Vue.config常用配置项 » 下一篇: vu...