首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • vue3】前端实现 生成条形码并调用打印打印

    参考文章:前端实现 生成条形码并调用打印打印 开发技术栈vue3+vite+setup 实现功能,批量选择数据–>生成条形码—>调用打印机–>打印输出 一、生成条形码: 1.安装所需要插件 npm i 引入 import JsBarcode from 'jsbarcode' 3. 引入 main.js文件 import print from 'vue3-print-nb' const app = createApp(App) app.use(print) ... app.mount ('#app') 3. (vue) { console.log('关闭了打印工具') } }) 具体相关条形码配置printObj,请参考vue-print-nb - npm 在打印预览的时候发现,条形码并不是一码一页

    62410编辑于 2025-12-15
  • 来自专栏中间件的探究

    Vue使用printjs组件打印页面

    Vue使用printjs组件打印页面 新需求: 需要将页面的局部信息打印出来,只在前端实现,不要占用后端的资源。 经过一通百度,决定使用 print-js和html2canvas组件。 .x版本,所以如果是Vue3.x,请根据新写法在main.js中引用。 $print = printjs; Vue.prototype. $html2canvas = html2canvas; 3、实践打印工作 前置工作准备就绪,下面开始代码实操

    <el-card style="height: 780px; overflow 点击右侧<em>打印</em>按钮: 根据效果课件,可以显示指定区域的<em>打印</em>效果,且多余内容会自动的分页。

    3.7K30编辑于 2023-03-25
  • 来自专栏叶子陪你玩编程

    EV3 点阵打印

    打印机大家应该都见过或者用过,它是计算机的一种输出设备,可以将计算机里面的一些数据(文字,图形)打印在相关介质(纸张,塑料)上。 比如要你把一首《静夜思》打印出来。 ? 你会用电脑以word或者pdf格式保存这首古诗,接着连接打印打印,稍微等一会,一张打印着古诗的纸张就从打印机里面慢慢出来了。 是不是觉得使用很简单(没用过的保持沉默就可以了)。 下面我们看看百科对打印机的一些讲解: 衡量打印机好坏的指标有三项:打印分辨率,打印速度和噪声。 打印机的种类很多,按打印元件对纸是否有击打动作,分击打式打印机与非击打式打印机。 按打印字符结构,分全形字打印机和点阵字符打印机。按一行字在纸上形成的方式,分串式打印机与行式打印机。 按所采用的技术,分柱形、球形、喷墨式、热敏式、激光式、静电式、磁式、发光二极管式等打印机。 笔移动部分 ---- 下面讲解如何打印出我们想要的一个字符:EV3 先用EXCEL做出一个EV3的字符(是一个一个点出来的) ?

    2.4K11发布于 2020-03-12
  • 来自专栏刷题笔记

    7-3 打印沙漏

    点这里 7-3 打印沙漏 本题要求你写个程序把给定的符号打印成沙漏的形状。 例如给定17个“*”,要求按下列格式打印 ***** *** * *** ***** 所谓“沙漏形状”,是指每行输出奇数个符号;各行符号中心对齐;相邻两行符号数差2;符号数先从大到小顺序递减到1 要求打印出的沙漏能用掉尽可能多的符号。 输入格式: 输入在一行给出1个正整数N(≤1000)和一个符号,中间以空格分隔。 输出格式: 首先打印出由给定符号组成的最大的沙漏形状,最后在一行中输出剩下没用掉的符号数。 2.在按行数打印三角形,正三角形和倒三角型 3.最后输出剩余的个数。

    62320发布于 2019-11-08
  • 来自专栏python3

    Java循环练习:打印图案-3

    package practiceGO; /*  * A  * BB  * CCC  * DDDD  * EEEEE  */ public class Cto { public static void main(String[] args) { for(int i=0; i<5; i++){ for(int j=0; j<(i+1); j++){ System.out.print((char)('A'+i)); } System.out.println(); } } }

    98410发布于 2020-01-17
  • 来自专栏联远智维

    3D打印初步(一)

    3D打印(增材成型)技术突破了传统成型方法,不需任何附加的传统模具制造和机械加工就可以制造出各种形状复杂的原型,使得产品的设计生产周期大大缩短,生产成本大幅下降。 根据不同的打印堆积方式,3D 打印技术主要可分为熔融沉积快速成型(FDM)、光固化成型(SLA)以及选择性激光融化成型(SLS)三种类型,本文对不同打印方式的优缺点进行简要总结,具体如下: No.1 熔融沉积快速成型 熔融沉积快速成型凭借打印成本低、设备成本小、对环境无污染、操作简便等优点,成为 3D打印技术主流打印形式,主要具有的优点为: 1、应用材料广泛,如工程塑料 ABS、聚乳酸 PLA、聚碳酸酯 PC 等热塑性丝状材料 同时FDM方法也有相应的缺点,具体为: 1、成型后表面较为粗糙,精度一般低于0.1mm; 2、需要支撑结构; 3打印速度较慢。 No.2 各种工艺的优缺点比较 光固化成型以及选择性激光融化成型所使用的机器成本较高,因此,大部分高校实验室(除了专门研究3D打印技术的实验室)不会采购专门的设备,其主要的原理为: 图1 光固化成型(

    1.4K20编辑于 2022-01-20
  • 来自专栏Java Web

    【译】3D打印:介绍

    今天,我们将深入探讨3D打印的世界,以及它在未来几年为我们和全世界带来的真正体验。 什么是 3D 打印 ---- 基本上3D打印可以描述为:通过使用3D打印机使用3D建模技术建好的物品。 并且没有向当局登记 尽管3D打印改变了原型设计的工作原理,但存在许多误解: 3D打印速度慢,速度很慢 因此无法用于创建同一对象的批次 有限的可用材料(供业余爱好使用) 3D打印部件坚固但不如模塑或铸造部件 (主要用于塑料)强 3D 打印的类型 ---- 3D打印不是一种技术,有多种不同的方法可以创建3D打印。 巧克力和面团等简单物品已经可以3D打印,基于FDM方法,可食用物体逐层打印。有“机器人”可以打印更复杂的项目,但这些不是真正的3D打印机和更自动化的装配机,3D打印和装配之间的界限可能会变得有点模糊。 目前还不能用原料基础成分打印全部食物。随着时间的推移,这无疑将得到进一步发展。 3D 打印入门 ---- 开始使用3D打印并不容易,这可能非常令人生畏。

    1.5K30发布于 2019-06-15
  • 来自专栏面试经验贴

    3从尾到头打印链表

    3 如下图 ? 4 动画演示 5 代码实现 c++版本 ? c++版本 java版本 ? java版本 python版本 ? python版本

    51210发布于 2020-07-20
  • 来自专栏用户8739586的专栏

    云图创智|如何使用3D打印机,3D打印打印使用步骤攻略

    没有购买3D打印机之前的朋友,都觉得3D打印很难。实际上3D打印机是很简单的,远远没那么复杂。今天就来简单说一下3D打印机如何使用? 3D打印机使用步骤 第一步:创建模型 想要玩转3D打印,最重要也是必不可少的环节就是建模! 第二步:添加模型 切片软件是一种3D软件,它可以将数字3D模型转换为3D打印机可识别的打印代码,从而让3D打印机开始执行打印命令。 第三步:选择分层切片 对3D打印切片软件进行正确的设置,将有效提升3D打印打印模型的成功率。 有些打印机支持离线打印,例如云图创智品牌旗下Artillery3D打印机。只需将模型文件预先发送到SD卡,然后将SD卡插入打印机的卡槽,打印机正确读取文件后,就可以打印

    2.8K10发布于 2021-06-29
  • 来自专栏前端之攻略

    vue-print-nb 打印插件的使用

    (一)首先安装插件 npm install vue-print-nb --save (二)在main.js 中引入并注册 import Print from 'vue-print-nb' Vue.use (Print) (三)使用方法

    打印测试
    <el-button v-print="'#printTest'">打印</el-button> 假如我们想实现,在打印的时候改变样式,或者隐藏一些不需要打印的元素,直接使用上面的方法就不能实现 需要进行如下修改 (1)把vue-print-nb的文件夹放到自己的文件夹中,在src 下新建utils ' Vue.prototype.Print = Print 下面完整的打印的例子,打印echart图表,隐藏打印的内容并分页 <template>
    <div id="printTest } }; </script> <style scoped> /* #printTest{width:290mm;} */ .el-header { background-color: #b<em>3</em>c0d1

    7.4K10发布于 2020-06-15
  • 来自专栏网络收集

    vue3(3)

    7、watchEffect vs watch Vue3 的 watch 方法与 Vue2 的概念类似,watchEffect 会让我们有些疑惑。 方法,Vue3 的 “watch” 多了一个「清除副作用」 的概念,我们着重关注这点。 在 Vue2 中实现,我们只需要在组件内的选项属性中添加即可 export default { // .. computed: { lowerCaseUsername () { return this.username.toLowerCase() } } } Vue3 的设计模式给予开发者们按需引入需要使用的依赖包 Vue2就是有这个一直存在的问题。 所以在 Vue3 使用计算属性,我们先需要在组件内引入computed。

    41510编辑于 2022-06-30
  • 来自专栏网络收集

    Vue3(3)

    3Vue3支持碎片(Fragments) 组件来说,大多代码在Vue2和Vue3都非常相似。Vue3支持碎片(Fragments),就是说在组件可以拥有多个根节点。 </button>

    Values: {{ username + ' ' + password }}

    </template> 在Vue3 Vue3中的反应数据(Reactive Data)是包含在一个反应状态(Reactive State)变量中。— 所以我们需要访问这个反应状态来获取数据值。 与Vue3 最大的区别 — Vue2使用选项类型API(Options API)对比Vue3合成型API(Composition API) // vue2 export default { props 为了可以让开发者对反应型数据有更多的控制,我们可以直接使用到 Vue3 的反应API(reactivity API)。

    73030编辑于 2022-06-30
  • 来自专栏执行上下文

    Vue Print-js 打印问题记录~

    问题描述 Vue项目利用连接针式打印打印相关单据,打印出来的文字不清晰,字体颜色模糊。 解决思路 1、看是否样式问题 在查看Print.js 文档后发现,TA可以自己设置样式。 honorColor: true, // 是否打印彩色文本 targetStyles: ['*'] // 允许打印所有样式属性 }) 重新设置后在打印,发现问题依然存在。 然后在打印预览的时候发现普通的打印是可以选择文字什么的。而我们这个选不中才发现之前打印的逻辑是先生成base64的图片,打印的是图片。那会不会是图片模糊导致的呢? 2、将打印改成了DOM元素。 设置 printable 为需要打印模板的id,打印的时候不是图片url地址 3、重新打印后发现不是那么模糊了。 2、字体的颜色直接设置为黑色 3打印的时候因为涉及到dpi 纸张大小等。需要注意!

    4.6K20编辑于 2022-12-18
  • 来自专栏机器人网

    揭秘3D打印的工业革命:你须知3D打印知识

    什么是3D打印3D打印,即快速成型技术的一种,它是一种以数字模型文件为基础,运用粉末状金属或塑料等可粘合材料,通过逐层打印的方式来构造物体的技术。 3D打印常用术语 众所周知,3D打印机并不是建筑师创造的。事实上,绝大多数3D打印机制造商甚至都不知道自己的机器可以应用于建筑行业。 我国歼15采用3D打印的零部件 ●3D打印:定制自己的3D打印成品 想象一下,你一打开门,就收到了自己在网上定制的产品,这种情景是不是很让人兴奋!这不是想象,3D打印就可以做到。 3D打印的交通工具概念 ●3D打印3D打印店变成零售商 假如有一天,你所在的城市的3D打印店,可以定制自己设计的形象,就像在商场洗照片一样方便,这是不是非常爽。 孩子们的3D打印作品 ●3D打印:更多创新的商品店 利用3D打印技术,来帮自己开一家创意饰品店是不是够新奇呢?

    1.5K60发布于 2018-04-20
  • 来自专栏机器人网

    3D打印踏上星际旅途

    3D打印不仅为火箭引擎中所使用的更高效新型设计带来各种可能性,同时,太空中的3D打印还可以解决那些格外棘手的供应链问题,只有解决了这些问题才能实现更深度的太空旅行。 3D打印的组件 正如美国通用电气公司(GE)以3D打印制造出喷射引擎的组件一样,在某些设计中,增材制造(AM)可以达到最高的效率。 3D打印改变游戏规则 虽然3D打印在地球上已被证明非常有用了,但真正改变游戏规则的则是在太空中进行3D打印。 突破“天际限制” 针对这款太空专用的首款3D打印机及其所使用材料,Made In Space营销与通讯经理Grant Lowery表示,第一台3D打印机器将用ABS材料进行打印。 另外一个问题是有关打印机控制。在进行3D打印作业时,部署于太空中的这台3D打印机是从地球上进行控制?还是直接在太空中控制?

    76080发布于 2018-04-13
  • 来自专栏python3

    au3 创建打印

    ;MsgBox(0, "注意", "1.此软件仅用于当前工作环境." & @CRLF & "2.此软件不作于商业用途以及其他不良行为." & @CRLF & "3.此软件仅用于添加标准TCP/IP端口的打印机 & @CRLF & @CRLF & "3.如果不输入或者为空默认为本机." & @CRLF & @CRLF & "4.取消则退出. $group3 = GUICtrlCreateGroup("添加打印机", 10, 190, 255, 165) GUICtrlCreateLabel("打印机名:", 40, 220, 60, = StringUpper($Temp2) If StringLeft($Temp3, 11) = "HP LASERJET" And Not StringIsAlpha(StringMid($Temp3 , 13, 1)) And StringMid($Temp3, 13, 1) <> "" Then GUICtrlSetData($List2, $Temp3) EndIf Next

    73410发布于 2020-01-08
  • 来自专栏全栈程序员必看

    vue实现入库单的打印「建议收藏」

    1、安装vue-print-nb插件 npm install vue-print-nb –save 2、在main.js文件中引入插件 import Print from ‘vue-print-nb ’ Vue.use(Print) 3、编写程序

    采购员:任我行 验货员:岳不群 负责人: 东方不败 仓管员:林平之

    <button v-print=”‘#printTest'”>打印

    1K20编辑于 2022-09-27
  • 来自专栏vue项目功能积累

    vue-pdf实现pdf预览、分页、下载、打印

    vue-pdf实现pdf预览、分页、下载、打印 vue-pdf-app(功能完整内嵌组件): https://www.npmjs.com/package/vue-pdf-app vue-pdf使用(参考地址 ="printing" @click.stop="print"> 打印 el-button> //js export default { data () { return { htmlTitle: '页面导出PDF文件名' } } } 3、 pdf打印功能实现 在vue-pdf组件上绑定ref属性,再到方法中使用$refs获取DOM文本,调用原型方法print() // 打印 print() { console.log $refs.pdf) // 这儿的console.log 仅用于测试打印出多个结果 this.$refs.pdf.print() },

    27.7K153发布于 2021-08-18
  • 来自专栏机器人网

    高大上:3D打印巧克力?!

    当巧克力巨头开始将目光投向3D打印,准备在生产线上用其来制作巧克力糖果时,其竞争对手肯定也会蜂拥而上。这对于3D打印食品意味着什么? 3D打印机有助于将这种新技术变成主流。 CONFECTIONARY NEWS:3D Systems正和巧克力巨头好时合作开发3D 打印巧克力挖掘新的商机。 好时没有披露使用3D打印技术制作糖果计划的任何细节,但是公司企业传播总监Jeff Beckman表示:“我们准备花上几年的时间去探索3D打印糖果食品,现在谈论这项工作的成果还太早,工作才刚刚开始。” 当前3D打印机主要为工程人员打印新设计的产品原型,但是3D打印先锋,像3D Systems和Stratasys已经开始抢占这个慢慢出现新兴竞争者的商用食品打印机市场的先机。

    85690发布于 2018-04-12
  • 来自专栏web share

    vue3

    1. vue3vue2生命周期对比 [表格] 注: 钩子函数必须写在setup() 里面,vue3生命周期都先于对应的vue2生命周期执行。 2. vue3里面的setup() <=> vue2里面的data() + methods() 截屏2020-11-26下午11.47.22.png 3. vue3为什么使用proxy? 1. Object.defineProperty的缺点 深度监听需要一次性递归 无法监听新增属性/删除属性(Vue.set Vue.delete) 无法原生监听数组,需要特殊处理 2.

    82500发布于 2020-11-26
  • 领券