Vue.use(hiPrintPlugin,"$pluginName");// $pluginName 为自定义名称hiPrintPlugin.disAutoConnect();/// 提供的全局方法:/// provider 可为null args: 同模板对应调用 print 方法// 1. 打印this.$pluginName.print(provider, templateJson, ...args);// 2. 直接打印this.$pluginName.print2(provider, te...
import{hiprint,defaultElementTypeProvider}from"vue-plugin-hiprint";// 引入后使用示例hiprint.init();// 下列方法都是没有拖拽设计页面的, 相当于代码模式, 使用代码设计页面varhiprintTemplate=newhiprint.PrintTemplate();varpanel=hiprintTemplate.addPrintPanel({width:100,height:130,paperFooter:340,paperHeader:...
在Vue2项目中使用vue-plugin-hiprint插件,可以按照以下步骤进行配置和使用: 1. 安装vue-plugin-hiprint插件 首先,你需要在你的Vue2项目中安装vue-plugin-hiprint插件。可以通过npm或yarn进行安装: bash npm install vue-plugin-hiprint 2. 在Vue2项目中引入vue-plugin-hiprint 在你的Vue项目的入口文件(通常是main...
hiprint for Vue2/Vue3 ⚡打印、打印设计、可视化设计器、报表设计、元素编辑、可视化打印编辑 - Xavier9896/vue-plugin-hiprint
如果要实现无预览打印(静默打印)就需要安装打印客户端, 无预览打印的原理是使用 hiprint 的打印客户端,它是一个基于 electron 的桌面应用,可以接收来自浏览器的打印请求,然后直接调用本地打印机进行打印。 安装地址:gitee.com/CcSimple/elec 问题 如果在配置客户端时遇到一下问题 解决方法 然后就可以使用啦! 补充 ...
实现无预览打印的Vue2项目中，产品需求不支持浏览器直接调用打印机以避免安全风险。在gitee.com/CcSimple/vue-plugin-hiprint和gitee.com/CcSimple/electron-hiprint/releases地址中，提供了解决方案。首先，在项目入口文件index.html中，安装依赖。项目中实现无预览打印需确保打印内容样式设置为行内样式，以...
npm install vue-plugin-hiprint --save 或者使用 Yarn: yarn add vue-plugin-hiprint 2. 在 Vue 项目中引入插件 Vue 2 项目 在main.js中引入并注册插件: import Vue from 'vue';import App from './App.vue';import Hiprint from 'vue-plugin-hiprint';Vue.use(Hiprint);new Vue({render: h => h(...
Vue2中实现打印功能可以使用以下方法: 使用第三方库,如 vue-plugin-hiprint 或 vue-print-nb。这些库提供了打印功能的API和组件,可以方便地实现打印功能。 在需要打印的元素上添加id,并在打印按钮上添加 v-pri…
LeoMing2/vue-plugin-hiprint forked from CcSimple/vue-plugin-hiprint 确定同步? 同步操作将从 CcSimple/vue-plugin-hiprint 强制同步,此操作会覆盖自 Fork 仓库以来所做的任何修改,且无法恢复!!! 确定后同步将在后台操作,完成时将刷新页面,请耐心等待。 删除在远程仓库中不存在的分支和标签 同步Wiki (当...
vue-plugin-hiprint(基于hiprint 2.5.4) 当时只是为了方便我(并非hiprint原作者)在vue项目中引入使用,所以以此命名。此插件仅仅是一个JavaScript【工具库】而非 Vue【组件库】,所以它默认是不包含demo中所见的那些组件页面的(demo代码随便复制修改拿去用)。由于hiprint官网近1年多未更新代码【hiprint 2.5.4 是 LGPL...