在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-plugin-hiprint 2. 在Vue 3项目中引入...
源码链接:https://github.com/CcSimple/vue-plugin-hiprint-start 1.编写 provider 并 构建 这里将创建两个provider文件,用于演示如何在两个不同容器中去构建可拖拽元素。 1.1 创建 provider 首先创建provider,直接上代码: // provider1.js import { hiprint } from "vue-plugin-hiprint"; export const provider1...
本进阶篇教大家如何进一步的构建设计器,包括第二种构建可拖拽元素(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 引...
使用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...
hiprint for Vue2.x / Vue3.x (基于 jQuery, 理论上其他框架可用。react demo 分支) jQuery/uniapp (html/h5) 项目 见下方 jQuery/uniapp 项目使用 [!IMPORTANT] 注意事项 NodeJs 需要 16.x 版本 (开发使用 16.18.1) 【vue-plugin-hiprint】与【hiprint.io官网】差异甚多,请忽混用!请忽混用!请忽混用...
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链接见文末。
vue/vue3 全局引入 全局引入,方便在任何地方不引入直接调用打印。示例为代码模式 (拖拽设计请往下看) // main.js中 引入安装import{hiPrintPlugin}from'vue-plugin-hiprint'Vue.use(hiPrintPlugin,'$pluginName') hiPrintPlugin.disAutoConnect();// 取消自动连接直接打印客户端// 下列代码为示例,不要再 main.js...
hiprint.setConfig({ text: { tabs:[] } }) 注意:如果当面板已有元素,那么设置后会使用缓存的参数配置。 此时新拖入一个text元素再次点击它查看就可以了。 2.隐藏/显示/调整 参数 每个参数都是由name和hidden组成的对象,每当点击元素去渲染参数的时候都是依次渲染的;所以排序和隐藏/显示各个参数也就很容易配置...