登录社区云，与社区用户共同成长
邀请您加入社区
摘要：本文设计并实现了一套基于Vue.js的汽车4S店服务管理系统，采用前后端分离架构，前端使用Vue.js构建交互界面，后端提供RESTful API支持。系统包含工单管理、客户信息管理、车辆档案跟踪和服务状态监控等核心功能，支持工单审核、数据导出等操作。实际应用表明，该系统能显著提升4S店服务响应速度和流程规范化水平，优化客户体验。采用Vue.js框架实现了组件化开发和动态交互，结合Eleme
品质会员电商系统是一款功能全面的私域电商解决方案，整合了零售批发、会员管理、分销裂变、多仓发货等功能，支持微信小程序、H5、APP等多端适配。系统采用ThinkPHP8.0与uni-app框架开发，具备Swoole高并发能力，提供DIY装修、多级分销、智能客服等特色功能，通过组件化开发实现高效稳定的运营管理，助力企业构建数字化会员体系，提升业务转化效率。
一开始以为是vuedraggable问题，结果发现是el-tag动画导致的，关闭渐进动画即可。从第一行拖动el-tag到第二行后，第一行宽度会突然变回4，过半秒才缩减到3。第一行第二行各有四个el-tag。
本文介绍了基于vue-drag-verify二次开发的滑块验证组件实现。在父组件login.vue中，通过引用CustomDragVerify子组件实现滑块验证功能，并处理验证成功/失败回调。子组件CustomDragVerify.vue扩展了原生组件功能，通过精细控制鼠标事件实现严格的滑块状态管理，包括位置计算、进度条显示和验证状态判断。关键点包括：1) 通过鼠标移动事件实时计算滑块位置；2)
ERP管理系统源码，一款适用于小微企业的SaaS ERP管理系统源码, 采用最新的技术栈开发(SpringBoot+Vue+ElementUI+UniAPP)，让企业简单上云。专注于小微企业的应用需求，如企业基本的进销存、询价，报价, 采购、销售、MRP生产制造、品质管理、仓库库存管理、财务应收付款，OA办公单据，CRM等。技术架构：SpringBoot+Vue+ElementUI+UniAPP
想做一个无限嵌套的列表拖拽排序组件，但因为各种原因不想用组件式的实现方式（即vuedraggable的 和 element-plus的 tree组件）并且自身的内容数据涉及多个watch，所以也不便随意修改数据的结构。本来vue的拖拽插件就少，这下更没得选了。
摘要：本文设计并实现了一套基于Vue.js的外卖订单管理系统，采用前后端分离架构，前端使用Vue.js框架结合ElementUI组件库开发响应式界面，后端采用SpringBoot提供RESTful API服务。系统实现了用户管理、商家信息审核、订单处理、数据统计等核心功能，通过组件化开发和响应式设计提升了用户体验。测试结果表明，该系统能有效简化外卖订单管理流程，提高业务处理效率，并为商家提供数据决
本文记录了Vue学习者如何为后台系统添加登录控制功能的过程。主要内容包括：1) 创建带表单验证和动画效果的登录页面，实现模拟登录API；2) 修改路由结构，添加登录页路由；3) 配置路由守卫实现权限控制；4) 在布局头部添加退出登录功能；5) 使用localStorage存储token实现登录状态保持。通过这套方案，系统具备了完整的登录流程、路由拦截和权限控制等基础安全功能，为后续实现token刷
现代学习环境亟需高效预约系统。自习室预约小程序采用Vue.js+Node.js+MySQL技术栈，实现跨平台预约功能：前端通过uni-app实现多端兼容，Element-UI优化交互界面；后端采用MySQL管理数据，Node.js处理高并发请求。核心功能包括智能座位推荐、实时冲突检测、可视化座位管理及使用率统计分析，通过WebSocket实现即时消息推送。系统注重用户体验，支持离线缓存和手势操作，
设置从而高亮当前选中节点important;important;important;important;为给树形结构自定义的类名<el-treedraggable<el-tree=''"draggable添加同级章节</div>添加子章节</div>章节设置</div><div下载章节</div>删除</div></div></div></div></el-tree>methods: {// 点击
return draggingNode.data.label.indexOf("三级 3-2-2") === -1;//type 参数有三种情况：'prev'、'inner' 和 'next'，分别表示。// // 二级节点之间互相拖拽，但是只能放在自己的二级节点。//放置在目标节点前、插入至目标节点和放置在目标节点后。//draggingNode(拖拽的节点)//dropNode(放置的目标节点
弹框外层蒙板默认覆盖了框外的光标事件导致框外元素不可操作，因此核心思路是在打开弹框后，在弹框Dom最外层的Div上动态屏蔽弹框外层div的光标事件，让框外元素的事件正常生效。同时，为了保证弹框内元素能够正常操作，在dialog本身的div上也要加上光标事件。close-on-click-modal 点击弹框外区域是否关闭弹框。需求：弹框可拖拽，点击框外不关闭弹框，且可正常操作其他区域内容。技术栈：
@param {string} dropType - 放置类型（'before'|'after'|'inner'）* @param {string} dropType - 放置类型（'before'|'after'|'inner'）* @param {Object} draggingNode - 当前被拖拽的节点。* @param {Object} draggingNode - 当前被拖拽的节点。
2.3 placement tooltip 出现的位置，类型为 string，可选值有 top/top-start/top-end/bottom/bottom-start/bottom-end/left/left-start/left-end/right/right-start/right-end，默认值为 bottom。2.14 hide-after Tooltip 出现后自动隐藏延时，单位毫秒
'stream'：（仅限Node.js环境）：服务器响应会被处理成一个Stream对象，可以用来处理大文件或者边下载边处理的场景。'blob'：（仅限浏览器环境）：服务器响应会被解析成一个Blob对象，适合文件处理，尤其是大文件或需要存储到本地的情况。'arraybuffer'：服务器响应会被解析成一个ArrayBuffer对象，适合处理二进制数据，如文件下载。'json' （默认）：服务器响应会
* 鼠标悬停时下边框高亮 */border-bottom: 1px solid var(--el-color-primary);/* 聚焦时下边框颜色 */border-bottom: 1px solid var(--el-color-primary);/* 聚焦时下边框颜色 *//* 鼠标悬停时的样式 */
本文介绍了使用Vue.js实现表格表头自定义功能的方法：1.通过修改tableColumn数组内容实现表头定制；2.提供弹窗编辑功能，支持复选框选择显示项和拖拽排序；3.将修改后的配置存储到本地或数据库。关键实现包括：使用el-table组件绑定表头数据，通过vuedraggable实现拖拽排序，以及保存自定义配置的流程。
经过f12查看发现，页面首次加载时，不会生成子菜单弹窗div代码，因为我设置了默认菜单展开，以下是首次加载时的elements。2.去浏览器控制台调试，看哪些元素有:hover :fours ，再根据元素去解决，结果啥用没有(可能这一步就是错的)5.最后我按照发现问题的方法，描述给了豆包，豆包给了处理结果，但还是无效，但我不放弃继续问豆包，最后问出了解决方式。注意点的是，如果style有scope
摘要：本文介绍了使用HTML5原生拖拽事件实现树形组件内容拖拽到功能区的方案。通过在树形组件中为二级节点添加draggable属性并绑定dragstart事件，将节点id、type和label数据存入dataTransfer对象。功能区通过dragover.prevent允许放置，并在drop事件中获取被拖拽元素数据，确定放置位置后执行相应业务逻辑。该方法解决了使用tree自带拖拽功能产生的问题，
一款 Python 语言基于Django、Vue2.x、ElementUI、MySQL等框架精心打造的一款模块化、高性能、企业级的敏捷开发框架，本着简化开发、提升开发效率的初衷触发，框架自研了一套个性化的组件，实现了可插拔的组件式开发方式：单图上传、多图上传、下拉选择、开关按钮、单选按钮、多选按钮等等一系列个性化、轻量级的组件，是一款真正意义上实现低代码开发的敏捷开发框架。
一款 Go 语言基于GoFrame、Vue、ElementUI、MySQL等框架精心打造的一款模块化、插件化、高性能的前后端分离架构敏捷开发框架，可快速搭建前后端分离后台管理系统，本着简化开发、提升开发效率的初衷，框架自研了一套个性化的组件，实现了可插拔的组件式开发方式，同时为了敏捷快速开发，框架特地集成了代码生成器，完全自主研发了自定义GO后端服务模板和前端Vue自定义模板，可以根据已建好的表结
MyUI是美亚柏科旗下新德汇出品的Web前端项目工程框架。基于 Vue + ElementUI ，专注于中台系统快速搭建，框架已在多个项目实战检验。特色搭载代码生成器，可生成底层api调用、vuex管理、模拟数据代码；内置常用超过150个基础UI组件；集成图表库、地图应用类库；支持子前端微服务子应用，可独立开发、运行、部署；自动生成路由；组件自动注册及按需加载；支持自定义主题，可以实现在线切换；支
一款 Go 语言基于Echo、Vue、ElementUI、MySQL等框架精心打造的一款模块化、插件化、高性能的前后端分离架构敏捷开发框架，可快速搭建前后端分离后台管理系统，本着简化开发、提升开发效率的初衷，框架自研了一套个性化的组件，实现了可插拔的组件式开发方式，同时为了敏捷快速开发，框架特地集成了代码生成器，完全自主研发了自定义GO后端服务模板和前端Vue自定义模板，可以根据已建好的表结构，可
一款 Python 语言基于Flask、Vue2.x、ElementUI、MySQL等框架精心打造的一款高性能的前后端分离架构敏捷开发框架，可快速搭建前后端分离后台管理系统，本着简化开发、提升开发效率的初衷，框架自研了一套个性化的图片上传组件，实现了可插拔的组件式开发方式，同时为了敏捷快速开发，框架特地集成了代码生成器，完全自主研发了自定义后端服务模板和前端模板，可以根据已建好的表结构，可以快速的
一款 PHP 语言基于ThinkPhp6、Vue、ElementUI等框架精心打造的一款模块化、插件化、高性能的前后端分离架构敏捷开发框架，可用于快速搭建前后端分离后台管理系统，本着简化开发、提升开发效率的初衷，目前框架已集成了完整的RBAC权限架构和常规基础模块，前端Vue端支持多主题切换，可以根据自己喜欢的风格选择想一个的主题，实现了个性化呈现的需求；
VForm是一款基于Vue 2/Vue 3的低代码表单，支持Element UI、iView两种UI库，定位为前端开发人员提供快速搭建表单、实现表单交互和数据收集的功能
element_vue3.0/VE-Admin✈ 国内加速链接✈ 效果预览项目简介基于vue3和element-plus开发的企业后台管理模板.功能特性项目使用了最新的vue3全家桶+element-plus+mockjs+axios+eChart5.项目继成了mockServe,可脱离后端自主开发测试 对axios深度封装,采用动态路由,路由配置更简单,mockServe独立开发测试时可在nod
v-memo 用于缓存组件的渲染结果。它通过指定依赖项来决定何时重新渲染组件，只有当依赖项的值发生变化时，组件才会重新渲染，从而提高性能。
文章分类与管理页面的组件封装与功能实现本文介绍了基于Vue3和Element Plus的文章分类和管理页面的开发过程。主要内容包括：封装可复用的PageContainer组件，使用插槽机制实现标题和按钮的自定义文章分类页实现：封装API接口获取分类数据使用el-table动态渲染分类表格添加编辑、删除功能按钮优化加载状态和空数据展示文章管理页实现：静态页面布局与表单设计动态渲染文章列表分页功能实现
使用Vue3组件式API使用Pinia进行持久化处理使用Element-plus作为组件库(提供表单校验,表格处理和组件封装等功能)使用升级的包管理工具pnpm使用ESLint+Prettier作为代码规范使用husky(Git hook工具)作为代码提交的规范校验使用VueRouter4作为路由设置和请求模块的设计尝试使用AI(deepseek或chatGPT),向其提出明确的,描述准确的功能需
本文介绍了一款功能全面的餐饮SaaS系统，采用PHP+Vue.js+Uniapp+MySQL技术架构，包含多端协同管理平台。系统支持扫码点餐、收银管理、会员营销等功能，覆盖堂食、外卖等五大餐饮场景，适配各类餐饮商户。通过可视化装修和丰富的营销插件，帮助商户实现数字化转型，提升运营效率。
摘要：本文介绍了如何快速实现复杂列表的自定义筛选和列显示功能。通过Vue+Element UI框架，开发了一个包含70多个字段的弹窗组件，支持用户勾选需要的筛选条件和显示列。关键技术点包括：1)使用el-dialog实现设置弹窗；2)通过v-if条件渲染控制筛选条件和列的显示；3)利用localStorage保存用户设置。原本预估3天的工作量，借助AI辅助生成代码后仅用3小时完成，展现了现代前端开
最近发现一个问题，我在使用 websocket 的时候，在主页面进行了 websocket 连接了之后，再使用 iframe 打开子页面的时候，通常会触发页面刷新，这样就导致 WebSocket 断开，这是因为切换 src 会重新加载 iframe 内容，使得页面环境重置，进而导致 WebSocket 连接丢失。
elementui
——elementui
联系我们（工作时间：8:30-22:00）
400-660-0108 kefu@csdn.net
火山引擎 ADG 社区
CSDN-OPC开发者社区
深开鸿 技术专区
2048 AI社区
