#vue 第69页

vue+jspdf+html2canvas生成pdf文件

安装依赖npminstallhtml2canvas--savenpminstalljspdf--saveoutputPDF.JSimportjsPDFfrom'jspdf';importhtml2canvasfrom'html2canvas';constA4_WIDTH=592.28;constA4_HEIGHT=841.89;/***@param{Object}param*@param{HTML

R丶丶·2025-04-13 01:42

vue项目使用html2canvas和jspdf将页面导出成PDF文件

一、需求：页面上某一部分内容需要生成pdf并下载二、技术方案：使用html2canvas和jsPDF插件三、js代码//页面导出为pdf格式importhtml2Canvasfrom"html2canvas";importjsPDFfrom"jspdf";import{uploadImg}from'@/api/public';consthtmlToPdf={getPdf(title,id){htm

二豆是富婆·2025-04-13 01:11

【springboot + vue-element-plus-admin】中小型企业MES生产管理系统源码，生产计划、工艺管理、质量管理、设备管理等功能的数字化转型

开发环境技术架构：springboot+vue-element-plus-admin开发语言：Java开发工具：idea前端框架：vue.js后端框架：springboot数据库：mysql移动端：uniappMES

源码世界·2025-04-13 01:39

MES生产工单管理系统，Java+Vue，含源码与文档，赋能智慧生产管控

前言：MES生产工单管理系统是一个集成了生产计划、执行、监控和优化的综合平台。以下是关于MES生产工单管理系统的七个主要模块及其功能的详细介绍：一、生产管理生产管理模块是MES系统的核心，它负责处理与生产相关的所有活动。这包括：工单管理：创建、分配、跟踪和完成生产工单，确保生产任务的顺利进行。生产排程：根据订单需求、产能和资源情况，制定详细的生产计划。生产进度监控：实时跟踪生产进度，及时发现和解决

瓯雅爱分享·2025-04-13 00:08

MES生产工单管理系统源码及文档，Java+Vue，实现高效生产流程管理

前言：MES生产工单管理系统是一个集成了生产计划、执行、跟踪、监控以及优化等多功能的综合性系统。它旨在提高生产效率、降低生产成本、优化资源配置并确保生产过程的透明化和可追溯性。以下是对MES生产工单管理系统各个模块的详细解释：一、生产管理功能概述：生产管理模块是MES系统的核心，负责处理从生产计划制定到生产执行的全过程。主要功能：生产计划制定：根据市场需求、产能等因素，制定详细的生产计划。生产任务

瓯雅爱分享·2025-04-13 00:38

Java+Vue构建的MES生产工单管理系统（源码+文档）

前言：MES生产工单管理系统是一个集成化的解决方案，旨在优化生产流程、提高生产效率并降低生产成本。以下是对MES生产工单管理系统各个模块的详细解释：一、生产管理生产管理模块是MES系统的核心，它负责处理与生产计划、调度和执行相关的所有活动。该模块可以：接收来自ERP或其他上游系统的生产计划，并将其转化为具体的生产工单。根据生产资源和产能情况，自动或手动调整生产计划，确保生产任务的按时完成。实时监控

瓯雅爱分享·2025-04-13 00:08

一款功能齐全的开源网盘系统

Github导航站·2025-04-13 00:06

同时支持Vue2/Vue3的图片懒加载组件（支持懒加载 v-html 指令梆定的 html 内容）

vue-lazyload-imgs（LazyLoadImgs）组件简介详情见：https://npmjs.com/package/vue-lazyload-imgs安装方法：npmivue-lazyload-imgs

Samdy_Chan·2025-04-13 00:33

《Vue 项目前端动画性能优化实战：从卡顿到丝滑的全面指南》

本文将以Vue技术栈为例，深入剖析动画性能优化的核心策略，涵盖加载速度、流畅度、兼容性三大维度。

码海-泛舟·2025-04-12 21:20

前端如何实现PDF文件导入微信公众号或CMS？

要求：开源，免费，技术支持编辑器：百度ueditor前端：vue2,vue3,vue-cli,react,html5用户体验：Ctrl+V快捷键操作功能：导入Word,导入Excel,导入PPT(PowerPoint

M_Snow·2025-04-12 20:44

TinyVue v3.17.0 正式发布，推出了一款基于 Quill 2.0 的富文本编辑器，功能强大、开箱即用！

我们非常高兴地宣布，2024年6月26日，TinyVue发布了v3.17.0。

·2025-04-12 18:20

vue+element项目中报错Blocked aria-hidden on an element because its descendant retained focus. The focus m

问题描述在vue+element项目开发过程中有一个页面使用了el-radio组件但是在切换时会报错Blockedaria-hiddenonanelementbecauseitsdescendantretainedfocus.Thefocusmustnotbehiddenfromassistivetechnologyusers.Avoidusingaria-hiddenonafocusedelem

旭久·2025-04-12 17:22

vue3+element-plus+el-tree-v2实现节点过滤

使用ElementPlus的el-tree-v2实现树形组件节点过滤需求：通过输入框输入关键字，动态过滤树形节点，只显示匹配的节点及其父节点实现代码：import{ref,computed}from'vue

徐_三岁·2025-04-12 17:52

Vuex 源码

以下是关于Vuex源码的系统梳理：一、Vuex核心架构设计1.整体架构分层dispatchcommitmutaterender监听注入Vue组件ActionsMutationsStateDevtoolsPlugins2

前端岳大宝·2025-04-12 17:22

vue3中setup使用

一、setup函数的特性以及作用setup函数是处于生命周期函数beforeCreate和Created两个钩子函数之间的函数也就说在setup函数中是无法使用data和methods中的数据和方法的setup函数是CompositionAPI（组合API）的入口在setup函数中定义的变量和方法最后都是需要return出去的不然无法再模板中使用二、setup函数的注意点由于在执行setup函数的

不知名的前端专家·2025-04-12 17:21

Vue 3 中 setup 函数的用法

深入探索Vue3中setup函数的用法在Vue3的广阔世界里，setup函数无疑是一颗璀璨的明星，它为开发者带来了前所未有的便利与灵活性。

东锋17·2025-04-12 17:20

react/vue中前端多图片展示页面优化图片加载速度的五种方案

需求背景在多项目中例如官网项目中会出现很多大图片显示的情况这个时候就会出现图片过大公司带宽不够之类导致页面加载速度过慢及页面出现后图片仍然占位但并未加载出来或者因为网络问题导致图片区域黑块等等场景这个时候我们就要对图片和当前场景进行优化方案定义图片更换为avif或者webp格式缩减图片大小，若svg可对svg进一步压缩，vscode中有很多插件支持，但是没有直接使用avif和webp格式效果好若公

旭久·2025-04-12 16:18

vue3关于在线考试实现监考功能推流拉流

vue3关于在线考试实现监考功能，pc端考试本质是直播推流的功能使用腾讯云直播:在线文档index.htmlxxx/title>window.TXLivePusher=TXLivePusherTXLivePusher.jsclassTXLivePusher

Vue1024·2025-04-12 14:08

腾讯云直播前端分享

文章目录一、代码1.直播推流2.直播拉流二、直播视频全屏canvas元素无法在最上层三、报错403这次项目是一个课堂管理项目，虽然这个是第二个VUE项目，但是上一个项目写到一半，学长说写这个项目了，不知道之后会不会把上次的项目完成吧

BUG不加糖·2025-04-12 14:08

vue3腾讯云直播前端推流

1、在index.html文件中引入（在body体中）2、vue文件中，添加video推流（我用的推流地址是webrtc）import{ref,onMounted,onUnmounted}from'vue

大个个个个个儿·2025-04-12 14:07

Vue实战指南：Vue加载循环倒计时示例

Vue实战指南：Vue加载循环倒计时示例基本概念与作用说明倒计时Vue中的计时器功能实现思路示例一：基本的倒计时功能示例二：重置倒计时示例三：格式化倒计时显示示例四：停止倒计时示例五：结合VueRouter

DTcode7·2025-04-12 14:34

Uniapp Vue 实现当前日期到给定日期的倒计时组件开发

应用场景与需求分析在移动端应用开发中，倒计时功能是常见的交互需求，例如限时促销活动、订单超时提醒、考试倒计时等场景。本文将基于Uniapp框架，实现一个从当前日期到给定日期的倒计时组件，支持显示HH:mm:ss格式的剩余时间，并具备自动更新和资源释放机制。实现思路通过props接收目标时间字符串（如‘2024-12-3123:59:59’）在组件挂载时启动定时器，每秒计算当前时间与目标时间的差值使

web_Hsir·2025-04-12 14:02

红宝书第四十一讲：关于Vue3的入门解读和与Vue2的区别

红宝书第四十一讲：关于Vue3的入门解读和与Vue2的区别资料取自《JavaScript高级程序设计（第5版）》。查看总目录：红宝书学习大纲1.什么是Vue3？

·2025-04-12 13:15

DataX Web UI 安装和配置指南

datax-web-uiDataXWebUI项目地址:https://gitcode.com/gh_mirrors/da/datax-web-ui1.项目基础介绍和主要编程语言项目基础介绍DataXWebUI是一个基于Vue

嵇荟隽Anastasia·2025-04-12 13:28

VUE的node包缓存很严重，问题及解决办法

以下是需要特别注意的几个包：VueCLI相关：@vue/cli-service和@vue/cli-plugin-babel的版本是4.4.6，这是一个相对较老的版本。

涔溪·2025-04-12 13:25

Vue客服组件集成Dify智能问答：从设计到落地（3）

前言在现代前端开发中，特别是涉及AI对话、实时客服系统等场景时，流式数据处理已成为一项关键技术。本文将深入探讨流式数据的特点、转义字符处理的必要性，以及在实际项目中的最佳实践，帮助开发者构建高效、流畅的用户交互体验。1.流式数据处理基础1.1什么是流式数据？流式数据（StreamingData）是指数据以连续、实时的方式传输，而不是一次性完整传输。在前端应用中，流式数据通常来自于：AI回复的实时生

不够优雅·2025-04-12 12:21

(vue2.0)vue-awesome-swiper(v3.1.3)的初级使用

npminstallnpminstallvue[email protected]//或者npminstallvue-awesome-swiper--save引入importVueAwesomeSwiperfrom'vue-awesome-swiper'import'swiper

AlexKain·2025-04-12 11:14

自己写个VUE 原生javascript 100行js代码实现一个简单的双向数据绑定的mvvm框架

一，基础知识1，何为MVVM（双向数据绑定）双向数据绑定（MVVM）：数据（M）发生变化时立即影响视图（V），而视图（V）发生改变也会立即影响数据（M）2，实现数据绑定的方法实现数据绑定的做法有大致如下几种：1，观察者模式（backbone）发布者发布事件，观察者监听事件。当某些方法被触发时，就通知观察者执行预定操作。观察者可以使用自己写也可以使用es7最新添加的数据绑定方法Object.obse

千年奇葩·2025-04-12 10:11

cesium加载魔方立方体

import{onMounted,ref}from'vue';import{Steps,Step}from'ant-design-vue';import*asTHREEfrom'three';import

小满blue·2025-04-12 09:32

mapbox在缓冲范围内随机生成点位

import{onMounted,Ref,ref}from'vue';import{Select,InputSearch}from'ant-design-vue';importmapboxglfrom'mapbox-gl

小满blue·2025-04-12 09:32

Uniapp及其他面试题汇总

二、jQuery、vue、小程序、uni-app中的本地数据存储和接收？三、vue,小程序,uni-app的生命周期？四、uniapp中组件生命周期？五、路由与页面跳转？六、跨端适配—条件编译？

落落寒灯灭·2025-04-12 09:02

前端（vue）exceljs导出Excel（导出图片）

少说废话，直接入题先引入exceljsnpminstallexceljs--save随后在导出Excel的方法里面这样写asyncexportExcel(){//定义表头constcolumns=[{header:'标题名',key:'data数据字段名',width:14},{header:'姓名',key:'name',width:14},{header:'头像',key:'img',widt

社会底层无业大学生·2025-04-12 08:55

vue - 解决报错 Error: error:0308010C:digital envelope routines::unsupported（Vue项目启动或打包时提示错误，降低node版本没用）

问题说明在vue2、vue3项目开发中，执行rundev运行|runbuild打包时，Vue报错error:0308010C:digitalenveloperoutines::unsupported，很奇怪的错误

十一猫咪爱养鱼·2025-04-12 05:26

前端基础：React项目打包部署服务器教程

PS：vue项目打包部署同理。打包好的build文件夹如下图。问题解决方法一：Serve静态服务器使用前服务器环境需要安装好NodeJ

destinyol·2025-04-12 04:54

企业工程项目管理系统源码：Java版源码解析

一、项目概述鸿鹄工程项目管理系统是基于SpringCloud、SpringBoot、Mybatis、Vue和ElementUI技术栈，采用前后端分离架构构建的工程管理软件。

2301_77700816·2025-04-12 02:42

使用 Qiankun 微前端框架搭建 Vue3 项目实践指南

本文基于[email protected]和Vue3，分享如何从零搭建一个微前端项目。一、微前端核心概念主应用（BaseApp）：负责全局路由、状态管理和子应用调度。

前端_刘阿三·2025-04-12 02:40

vue3 + element plus 实现行内编辑el-table的某列数据并保存

vue3+elementplus行内编辑el-table的某列数据并保存需求试想有这么一个需求：你使用了一个elementplus的el-table组件你要改的数据不多，就那么一两列但是实际上有很多列数据

open_book567·2025-04-11 23:55

springboot+vue3+Element-plus前后端分离（文件上传与回显）

一、前端实现（一）、创建vue工程npminitvue@latest输入项目名称【big-file】后，全部选择否。

金融小白数据分析之路·2025-04-11 23:55

vue3+element plus+minio+pdfjs-dist 实现pdf文件上传回显

在Vue3项目中使用PDF.js（pdfjs-dist）可以帮助在应用中渲染和显示PDF文件。本篇主要是想总结一下我踩过的坑，文章结尾会附上完整代码，话不多说先上图展示效果。

一梦浮生jjy·2025-04-11 23:24

Vue.js 过渡 & 动画

过渡Vue在插入、更新或者移除DOM时，提供多种不同方式的应用过渡效果。Vue提供了内置的过渡封装组件，该组件用于包裹要实现过渡效果的组件。

宇哥资料·2025-04-11 22:48

Vue.js 混入

来看一个简单的实例：实例varvm=newVue({el:'#databinding',data:{},methods:{},});//定义一个混入对象varmyMixin={created:function

宇哥资料·2025-04-11 22:18

Vue自定义指令+IntersectionObserver实现图片懒加载

小满的视频代码：图片储存在/assets/images/文件夹下import{Directive}from"vue";/*import.meta.glob：文件引入，将指定文件夹中的文件一次性全部引入1

YUELEI118·2025-04-11 21:10

Vue3 运行时解析SFC单文件模板字符串

源码地址：2091124175/OnlinePreview:vue3在线预览模板需求：后端接口返回了一个vue3单文件模板字符串需要渲染到当前页面。也就是说需要实时解析。

常年游走在bug的边缘·2025-04-11 20:35

vue3项目集成electron

一、环境准备1.确保已安装Node.js(建议版本16.x或更高)2.创建或进入现有Vue项目目录cdyour-vue-project二、添加Electron支持在项目根目录执行：vueaddelectron-builder

貂蝉空大·2025-04-11 20:04

【前端之旅】JavaScript进阶笔记

一名软件工程专业学生的前端之旅，记录自己对三件套（HTML、CSS、JavaScript）、Jquery、Ajax、Node.js、Vue、Axios、小程序开发（Uniapp）以及各种UI组件库、前端框架的学习

请你喝杯Java⁡·2025-04-11 19:26

说说React/Vue/Javascript间的联系与区别

React和JavaScript的关系可以理解为‌“框架与语言”‌的关系。React是基于JavaScript构建的一个‌前端库（或框架）‌，用于更高效地开发用户界面（UI）。以下是两者的核心关系及关键点解析：1.‌React是JavaScript的延伸‌‌JavaScript是基础‌：React的所有功能（组件、状态管理、生命周期等）都是用JavaScript实现的。学习React前，必须掌握J

碧海饮冰·2025-04-11 19:25

Vue 框架组件间通信方式

组件间通信方式不管是vue2还是vue3，组件通信方式很重要，以下是常见的几种通信方式：props：可以实现父子组件、子父组件、甚至兄弟组件通信自定义事件：可以实现子父组件通信全局事件总线$bus：可以实现任意组件通信

Code额·2025-04-11 19:54

【计算机毕业设计选题推荐】基于SpringBoot+Vue的志愿者招募管理系统的设计与实现【附源码+部署+讲解】

⚡⚡Java、Python、小程序、大数据实战项目集⚡⚡文末获取源码文章目录⚡⚡文末获取源码基于SpringBoot+Vue的志愿者招募管理系统-研究背景基于SpringBoot+V

计算机毕设编程指导师·2025-04-11 18:52

uni-app简易介绍

目录一、什么是uni-app二、uni-app适合什么样的开发者以及它有哪些优点1.uni-app适合那些有Vue.js开发经验的开发者2.uni-app的优点主要有以下几点：三、uni-app开发环境配置

LFE76·2025-04-11 18:16

【含文档+PPT+源码】基于微信小程序农家乐美食餐厅预约推广系统

项目视频介绍：毕业作品区域农家乐推广程序技术路线：后端：SpringBoot+Vue+ElementUI（后端是前后端分离的）前端：Uniapp框架开发工具：JDK1.8以上+IDEA+MySQL5.7

编程毕设·2025-04-11 17:38

推荐频道

#vue