草庐IT

nodejs_vue

全部标签

【vue3】前端实现 生成条形码并调用打印机打印

参考文章:前端实现生成条形码并调用打印机打印开发技术栈vue3+vite+setup实现功能,批量选择数据–>生成条形码—>调用打印机–>打印输出一、生成条形码:1.安装所需要插件npmijsbarcode2.引入importJsBarcodefrom'jsbarcode'3.使用//html部分//js部分import{ref,onMounted}from'vue'importJsBarcodefrom'jsbarcode'constbarcodeRef=ref(null)consttext='123456789'constoptions={//format:'EAN13',//格式heig

VUE3中,使用.env.development和.env.production

在实际项目开发过程中,可能开发环境和生产(测试)环境不一样,经常需要修改配置常量,才能满足对应的环境,才能使软件运行起来。在vue3中可以使用2个文件进行区分。.env.development:开发环境.env.production:生产(测试)环境1.首先使用HBuilderX建立一个VUE3项目,并且能跑起来2.分别建立2个文件,必须以VITE_开头,否则无法识别,如图所示3.然后在使用的地方加上如下命令import.meta.env.VITE_TEST4.重新启动服务器,一定要重新启动服务器,否则无效打开浏览器,我们可以看到输出了开发环境。5.选择build,生成生产模式,程序就在dis

Naive UI——一个 Vue 3 组件库(Naive UI的安装和使用)

一.NaiveUI一个VUE3组件库        NaiveUI        注意:naive-ui仅支持Vue3。如果你在使用Vue2,可以去看看别的库。二.安装 1.npm    使用npm安装。npmi-Dnaive-ui2.字体npmi-Dvfonts    (1) 配置字体        NaiveUI可以和 vfonts 配合,你可以简单的引入 vfonts 中的字体,包含常规字体和等宽字体。只需要在你App的入口文件导入字体,即可调整NaiveUI的字体。//你App的入口js文件//...//通用字体import'vfonts/Lato.css'//等宽字体import'v

2024 年 Vue.js 会发生什么?

就像前端开发世界的其他部分一样,Vue世界发展得很快。在这篇文章中,我想了解一下Vue的现状,并分享我对2024年发展趋势的预测。Vue2生命周期结束随着Vue.js社区的不断发展,2024年标志着Vue2生命周期的结束,这是一个重大转变。这一转变标志着向更高级版本的转变,强调开发人员需要升级其技能和应用程序。有了这个里程碑,预计组合API、Pinia、可组合项和TypeScript今年将在Vue应用程序中大量使用。VueVapor模式Vue生态系统中最令人兴奋的发展之一是“Vapor模式”的引入。Evan在2022年底首次宣布了Vapor模式。虽然现在不可能在2023年发布,但2024年发布

vue前端页面弹出红色报错遮罩层 Uncaught runtime errors:at handleError (webpack-internal:///./node_modules/webpack

Uncaughtruntimeerrors:×ERRORUnknownpromiserejectionreasonathandleError(webpack-internal:///./node_modules/webpack-dev-server/client/overlay.js:296:58)ateval(webpack-internal:///./node_modules/webpack-dev-server/client/overlay.js:319:7)原因:当出现编译错误或警告时,在浏览器中显示全屏覆盖。解决方法:在vue.config.js中添加如下配置,重启项目即可modul

基于VUE3+Layui从头搭建通用后台管理系统(前端篇)十六:统计报表模块相关功能实现

一、本章内容  本章使用Echarts及DataV实现常用图表、特殊图表、地图及综合图表等图表展示功能。1.详细课程地址:https://edu.csdn.net/course/detail/381832.源码下载地址:点击下载二、界面预览三、开发视频3.1B站视频地址:基于VUE3+Layui从

uniapp微信小程序投票系统实战 (SpringBoot2+vue3.2+element plus ) -后端架构搭建

锋哥原创的uniapp微信小程序投票系统实战:uniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)_哔哩哔哩_bilibiliuniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)共计21条视频,包括:uniapp微信小程序投票系统实战课程(SpringBoot2+vue3.2+elementplus)(火爆连载更新中...)、第2讲投票项目后端架构搭建、第3讲小程序端TabBar搭建等,UP主更多精彩视频,请关注UP账号。https://www.b

VUE3 学习笔记(五)UI框架Element Plus

目录一、安装:1. 环境支持2.版本3.安装(包管理器npm安装) 二、使用1. 完整引入2. Volar支持3.国际化三、国际中文化时错误解决一、安装:官网:一个Vue3UI框架|ElementPlus(gitee.io)1. 环境支持由于Vue3不再支持IE11,ElementPlus也不再支持IE浏览器。Edge≥79Firefox≥78Chrome≥64Safari≥122.版本ElementPlus目前还处于快速开发迭代中。截至2023-03-24版本为:2.3.13.安装(包管理器npm安装)使用包管理器进行安装:#NPM$npminstallelement-plus--save 

Vue3的几款UI组件库:Naive UI、Element Plus、 Ant Design Vue、Arco Design

vue3系列的三款ui框架简要对比:框架ElementPlusNaiveuiAntDesignVueArcoDesign简介element-uiVue3版本,国内使用广泛Vue作者推荐的Vue3ui组件库AntDesign的Vue实现,组件的风格与AntDesign保持同步ArcoDesign主要服务于字节跳动旗下中后台产品的体验设计和技术实现社区活跃度高中高中组件库主要实现方式单文件Vue单文件Vue单文件Vue单文件Vue差异点-在一些组件需要自定义渲染时,无法使用slot,只能使用h函数典型例子,当使用表格组件时,经常需要对后台返回的某一列的数据做自定义渲染,此时在.vue单文件中只能通

基于SSM、vue的广西旅行社管理系统的设计与开发+64468(免费领源码)可做计算机毕业设计JAVA、PHP、爬虫、APP、小程序、C#、C++、python、数据可视化、大数据、全套文案

摘要随着互联网趋势的到来,各行各业都在考虑利用互联网将自己推广出去,最好方式就是建立自己的互联网系统,并对其进行维护和管理。在现实运用中,应用软件的工作规则和开发步骤,采用Java技术建设广西旅行社管理系统。本设计主要实现集人性化、高效率、便捷等优点于一身的广西旅行社管理系统,完成系统用户管理、取消记录、基本信息、线路信息、线路类型、线路报名、合作酒店等功能模块。系统通过浏览器与服务器进行通信,实现数据的交互与变更。只需通过一台电脑,动动手指就可以操作系统,实现数据通信管理。整个系统的设计过程都充分考虑了数据的安全、稳定及可靠等问题,而且操作过程简单。本系统通过科学的管理方式、便捷的服务提高了