在Vue 3项目中使用vue-plugin-hiprint插件进行打印操作,可以按照以下步骤进行: 1. 安装vue-plugin-hiprint插件 首先,你需要在你的Vue 3项目中安装vue-plugin-hiprint插件。你可以使用npm或yarn来安装它: bash npm install vue-plugin-hiprint --save # 或者 yarn add vue-plugi
Vue.use(hiPrintPlugin,"$pluginName");// $pluginName 为自定义名称hiPrintPlugin.disAutoConnect();/// 提供的全局方法:/// provider 可为null args: 同模板对应调用 print 方法// 1. 打印this.$pluginName.print(provider, templateJson, ...args);// 2. 直接打印this.$pluginName.print2(provider, te...
本进阶篇教大家如何进一步的构建设计器,包括第二种构建可拖拽元素(provider)、vue3组合式函数、常用API及如何查看可用API等。 ❞ 源码链接:https://github.com/CcSimple/vue-plugin-hiprint-start ▲本篇效果图 1.编写 provider 并 构建 这里将创建两个provider文件,用于演示如何在两个不同容器中去构建可拖拽...
【vue-plugin-hiprint】[1]默认分支是npm包及demo的融合代码;对于部分新手来说有点难以下手。本篇开始以新的 demo 开始讲述如何开始使用vue-plugin-hiprint。 ❞ demo项目通过create-vue[2]创建。默认 vue3。 如果你有哪些不清楚的,欢迎各位留言反馈。demo链接见文末。 1.安装 npm i vue-plugin-hiprint 引...
本进阶篇教大家如何进一步的构建设计器,包括第二种构建可拖拽元素(provider)、vue3组合式函数、常用API及如何查看可用API等。 源码链接:https://github.com/CcSimple/vue-plugin-hiprint-start 1.编写 provider 并 构建 这里将创建两个provider文件,用于演示如何在两个不同容器中去构建可拖拽元素。
使用npm 或 yarn 安装 Vue-Plugin-HiPrint: npm install vue-plugin-hi-print# 或yarn add vue-plugin-hi-print 2.2 引入并注册插件 在你的 Vue 3 项目入口文件(通常是main.js)中引入并注册插件: import{ createApp }from'vue';importAppfrom'./App.vue';importVueHiPrintfrom'vue-plugin-hi-print';const...
1、安装插件: npm install vue-plugin-hiprint 或 yarn add vue-plugin-hiprint 2、普通使用: <template> <div class="box"> <div class="bo
【vue-plugin-hiprint】默认分支是npm包及demo的融合代码;对于部分新手来说有点难以下手。本篇开始以新的demo开始讲述如何开始使用vue-plugin-hiprint。 demo项目通过create-vue创建。默认vue3。 如果你有哪些不清楚的,欢迎各位留言反馈。demo链接见文末。
源码链接:https://github.com/CcSimple/vue-plugin-hiprint-start 效果如下: 1.前言 首先我们应该清楚两种打印模式: 拖拽生成的html,创建iframe然后调用浏览器提供的printAPI 将生成的html,通过socket.io发送到直接打印客户端再调用electron提供的printAPI
hiprint.setConfig({ text: { tabs:[] } }) 注意:如果当面板已有元素,那么设置后会使用缓存的参数配置。 此时新拖入一个text元素再次点击它查看就可以了。 2.隐藏/显示/调整 参数 每个参数都是由name和hidden组成的对象,每当点击元素去渲染参数的时候都是依次渲染的;所以排序和隐藏/显示各个参数也就很容易配置...