// main.js中 引入安装import{hiPrintPlugin}from'vue-plugin-hiprint'Vue.use(hiPrintPlugin,'$pluginName') hiPrintPlugin.disAutoConnect();// 取消自动连接直接打印客户端// 下列代码为示例,不要再 main.js中 使用// 引入后使用示例this.$pluginName.init();// 下列方法都是没有拖拽设计页面的, 相当于代...
import{hiprint,defaultElementTypeProvider}from"vue-plugin-hiprint";// 引入后使用示例hiprint.init();// 下列方法都是没有拖拽设计页面的, 相当于代码模式, 使用代码设计页面varhiprintTemplate=newhiprint.PrintTemplate();varpanel=hiprintTemplate.addPrintPanel({width:100,height:130,paperFooter:340,paperHeader:...
【vue-plugin-hiprint】[1]默认分支是npm包及demo的融合代码;对于部分新手来说有点难以下手。本篇开始以新的 demo 开始讲述如何开始使用vue-plugin-hiprint。 ❞ demo项目通过create-vue[2]创建。默认 vue3。 如果你有哪些不清楚的,欢迎各位留言反馈。demo链接见文末。 1.安装 npm i vue-plugin-hiprint 引...
// main.js中 引入安装import{hiPrintPlugin}from'vue-plugin-hiprint'Vue.use(hiPrintPlugin,'$pluginName')hiPrintPlugin.disAutoConnect();// 取消自动连接直接打印客户端// 然后使用this.$pluginName// 下列代码为示例,不要再 main.js中 使用// 引入后使用示例this.$pluginName.init();// 下列方法都是没...
{ hiprint, defaultElementTypeProvider, hiPrintPlugin } from "vue-plugin-hiprint"; import providers from "./providers"; import { requestUrl } from "@/utils/url"; import fontSize from "./font-size.js"; import html2canvas from "html2canvas"; import JSZip from "jszip"; // hiPrintPlugin ...
📦 一款专为Vue项目设计的可视化打印编辑工具库,支持打印和报表设计,名为vue-plugin-hiprint(基于hiprint 2.5.4)。这个插件旨在方便开发者在Vue项目中快速引入和使用。🔍 此插件是一个JavaScript工具库,而非Vue组件库,因此不包含demo中的组件页面(demo代码可复制使用)。由于hiprint官网最后一次更新时间为2019年(hipri...
vue-plugin-hiprint (基于 hiprint 2.5.4) 当时只是为了方便 我(并非 hiprint 原作者) 在vue 项目中引入使用,所以以此命名。此插件 仅仅是一个 JavaScript【工具库】 而非Vue【组件库】,所以它默认不包含 demo 中的那些组件页面(demo 代码可复制使用)。
直接打印需要安装桌面插件,window.hiwebSocket.opened是为了判断socketIo是否打开,hiprintTemplate中的print2是直接打印,print是会显示预览的打印。直接打印在printIo底层会自动去连接客户端,以及传输数据。print() { if (window.hiwebSocket.opened) { const printerList = hiprintTemplate.getPrinterList(); console.log...
【vue-plugin-hiprint】默认分支是npm包及demo的融合代码;对于部分新手来说有点难以下手。本篇开始以新的demo开始讲述如何开始使用vue-plugin-hiprint。 demo项目通过create-vue创建。默认vue3。 如果你有哪些不清楚的,欢迎各位留言反馈。demo链接见文末。
hiprint for Vue2.x / Vue3.x (基于jQuery, 理论上应该也是支持其他框架的) 0.0.36起 已支持 CDN形式引入 详见 0.0.36更新记录 uniapp 使用此方式可行 快速链接hiprint官方文档:http://hiprint.io/docs/startDemo预览:https://ccsimple.gitee.io/vue-plugin-hiprint/...