ElementUI

Java全栈项目实战：校园论坛社交平台开发

技术栈后端SpringBoot2.xSpringSecurityMyBatisPlusRedisMySQL8.0ElasticSearch前端Vue.js2.xElementUIAxiosVuexVueRouter
天天进步2015·2025-06-17 05:10

chrome138版本及以上el-input的textarea输入问题

描述项目基于vue2+elementUI问题简述：Chrome138及以上版本，把组件中的el-input的textarea的disabled属性从true设为false，无法输入封装了一套表单输入组件
前端没钱·2025-06-16 10:36

系统网站首页菜单上下和左中右嵌套布局vue+elementui

TMS运输管理系统{{item.meta.title.substring(0,2)}}{{item.name}}.el-menu-vertical-demo:not(.el-menu--collapse){width:200px;min-height:400px;}.scroll-box{width:100%;/*height:100vh;占据屏幕高度的50%*/overflow-y:auto;/
xiaogg3678·2025-06-15 11:38

ElementUI中的el-select显示的不是对应label值

这个下拉框组件可以在v-model绑定的值等于option中value的值时，显示对应option的label但是下面这个出了问题，显示的是1或2或3，而不是对应的label经过一顿查找，发现是editParam.role_id值的类型和value的类型不一样把它们都变成数字类型，使用v-bind绑定value属性即可进行转换
fuze2333·2025-06-15 11:06

vue + elementUI 实现 自定义正则规则验证

项目场景：常见的表单填写中都会遇到，比如新增信息，修改信息等，如下图相信大家对上面的验证都非常熟悉了，不多哔哔本篇文章主要想写验证规则自定义相关的内容验证是否是合法手机号（举例）实现下图所示：实现步骤：step1准备好reg表达式，百度即可电话号码——/^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d
不就是个div嘛·2025-06-15 11:06

Vue+ElementUI 管理系统页面源代码

Vue+ElementUI管理系统页面源代码【下载地址】VueElementUI管理系统页面源代码这是一个基于Vue2和ElementUI的后台管理系统页面源代码，旨在为开发者提供一个高效、灵活的基础框架
华豪京·2025-06-15 11:35

在Vue2项目中引入ElementUI详细步骤

1.使用npm安装ElementUI，安装好后在package.json文件查找element-ui是否安装好npmielement-ui-S2.在main.js中引入element-uiimportVuefrom"vue
·2025-06-14 23:42

抖音机构号授权矩阵系统源码，短视频账号矩阵系统系统源码/独立部署代码

该系统前端使用了uni-app和vue作为开发框架，后端采用了ThinkPHP5、wokerman和ElementUI。同时，剪辑版块使用了阿里云智能媒体服务和阿里云对象存储来实现。抖音机
疯狂运营官ymhao87·2025-06-13 23:41

el-color-picker颜色取色器

1.取色器基本样式elementUI中取Element-Theworld'smostpopularVueUIframework原本样式2.修改样式成圆形::v-deep.el-color-picker{
星月心城·2025-06-13 19:14

vue video(视频)禁止用户拖动进度条，自定义组件实现，包含视频音量、暂停、播放、全屏、退出全屏 、播放进度，话不多说直接上代码。

注意项目中本组件使用到了elementUI所以要确保项目中安装了videoFree.vue{{curJd}}{{allTime}}js部分：因此为nuxtjs开发的项目，代码中this.
行云流水626·2025-06-13 12:53

Element UI下拉框窗口切换自动弹起解决全攻略！！！

️‍♂️✨ElementUIel-select窗口切换“自动起舞”探秘与优雅制服全攻略‍♀️你好，各位代码世界的伙伴们！
小丁学Java·2025-06-11 22:27

使用Vue2.x和ElementUI构建后台管理系统实战指南

本文还有配套的精品资源，点击获取简介：本文详述了使用Vue.js2.x框架结合ElementUI组件库实现后台管理系统的方法，并结合后端PHP技术实现数据处理和权限控制。
·2025-06-11 20:11

前端必备：ElementUI 全面入门指南

前端必备：ElementUI全面入门指南关键词：ElementUI、Vue.js、前端框架、UI组件库、响应式设计、表单验证、主题定制摘要：本文是一份全面的ElementUI入门指南，详细介绍了这个基于
前端视界·2025-06-11 20:36

Vue实战指南：解决el-input的prefix自定义class不显示icon图片问题

Vue实战指南：解决el-input的prefix自定义class不显示icon图片问题基本概念与作用ElementUI自定义ClassIcon图标示例一：基础问题重现示例二：使用slot插槽解决示例三
DTcode7·2025-06-08 18:26

elementuI输入框自动聚焦

需求：需要点击输入框自动聚焦，但是每次只有第一次点击的时候会自动聚焦，第二次无效果{{viewModel.data.name}}成功使用element-ui输入框定义refvue中，第二次点击的时候，页面再次渲染了，需要借助$nextTick，调用focus()方法，获取最新视图onShowInput(){this.$nextTick(()=>{this.$refs.focusInput.focu
m0_47177307·2025-06-08 11:03

JAVA儿女相亲一对一相亲系统源码支持微信公众号 + H5 + APP

这套基于SpringBoot+MybatisPlus+MySQL+Uniapp(Vue)+Vue/ElementUI技术栈的系统，以“深度连接”为核心，集私密性、智能化、裂变式增长于一体，助您打造现象级
博纳软云·2025-06-07 15:50

ElementPlus 或ElementUI搜索框添加回车监听刷新列表，结果回车后刷新了整个页面

ElementPlus或ElementUI搜索框添加回车监听刷新列表，结果回车后刷新了整个页面一、场景今天在项目中遇见一个bug，在此做记录，给大家提供思路。
我乃世间蓬蒿人·2025-06-07 02:23

vue使用elementUI表单出现在输入框表单回车刷新页面问题

今天项目中出现一个bug，vue项目中使用elementUI表单出现了在输入框表单回车后输入框内容被清空。
浮桥·2025-06-07 02:23

ElementUI输入框(input)回车查询事件,详细讲解。

重要的事情说三遍:简单易懂好用!直接上代码(参考官方文档组件属性)下面进行拆分讲解:完整:@keyup.enter.native@keyup译:触发键盘事件enter译:键盘回车提交native译:事件监听(个人理解)总结(个人理解):首先需求是在输入框内输入内容后敲下回车键位执行查询操作那么我们要先去触发(@keyup)键盘上的回车键(enter)然后去监听(native)敲下回车的一刻按这个逻
小李的编程笔记·2025-06-07 02:51

elementUI 输入框按回车刷新页面问题

分析原因：当el-form表单内只有一个el-input输入框时，且type为text类型时，在输入框内按回车就会触发表单的提交事件。而当el-form表单内有多个el-input输入框时，按回车不会执行任何操作。使用.prevent修饰符来阻止默认的表单提交行为：@submit.native.prevent注解添加到el-form标签上从而阻止了按下回车键时的页面刷新.native表示对一个组件
前端小凯·2025-06-07 02:21

elementui el-form 默认不支持回车提交，怎么解决

概念：1.在表单的提交按钮上添加Vue原生属性native-type="submit"可以让按钮变为表单提交按钮；2.阻止表单默认提交事件（默认是阻止），在表单上（即标签上）添加@submit.native.prevent即可3.因为el-form默认不支持表单回车提交，在表单上（即标签上）添加@keyup.enter.native="submitForm('form')"可实现回车提交表单tem
扫地鼠Gordon·2025-06-07 02:51

golang通用后台管理系统

项目介绍一款Go语言基于Gin、Xorm、Vue、ElementUI、MySQL等框架精心打造的一款模块化、插件化、高性能的前后端分离架构敏捷开发框架，可快速搭建前后端分离后台管理系统，本着简化开发、提升开发效率的初衷
半城 风雨·2025-06-06 14:00

Cursor 工具项目构建指南： Web Vue-Element UI 环境下的 Prompt Rules 约束（new Vue 方式）

简简单单Onlinezuozuo简简单单Onlinezuozuo简简单单Onlinezuozuo：本心、输入输出、结果简简单单Onlinezuozuo：文章目录Cursor工具项目构建指南：WebVue-ElementUI
简简单单OnlineZuozuo·2025-06-06 12:15

【element-ui】el-autocomplete实现 无数据匹配

文章目录方法一：使用default插槽方法二：使用empty-text属性（适用于列表类型）总结在使用ElementUI的el-autocomplete组件时，如果你希望在没有任何数据匹配的情况下显示特定的内容
益达是我·2025-06-06 09:22

项目实战教程：手把手搭建前后端分离项目（前端篇）

项目实战教程：手把手搭建前后端分离项目（前端篇）【下载地址】项目实战教程手把手搭建前后端分离项目前端篇本项目实战教程将带您深入掌握前后端分离项目的搭建技巧，涵盖SpringBoot、Vue、ElementUI
孟芝洵·2025-06-06 03:49

vue2 - 解决elementUI使用el-radio单选组件报错 Blocked aria-hidden on an element because its descendant retained

问题说明在vue2+element-ui项目开发中，使用Radio单选组件el-radio浏览器控制台报错：Blockedaria-hiddenonanelementbecauseitsdescendantretainedfocus.Thefocusmustnotbehiddenfromassistivetechnologyusers,Avoidusingariahiddenonafocusede
十一猫咪爱养鱼·2025-06-05 17:03

Vue.js前端框架教程6：Element UI框架

文章目录ElementUI框架1.安装与配置2.快速开始3.核心组件布局组件表单组件数据展示组件4.全局配置5.按需引入常用ElementUI组件及其功能：ElementUI框架ElementUI是一个基于
Cachel wood·2025-06-05 17:33

Vue2 + ElementUI使用注意事项

一、序最近有个项目使用的框架是vue2+ElementUI的，以此博客记录下碰到的坑点，避免下次踩坑。
十年小站·2025-06-05 14:43

ElementUI问题:el-dialog在关闭的时候，需要销毁里面的子组件！

1.问题：el-dialog在@close方法里面执行关闭后，子组件没有被销毁。导致当el-dialog在设为true显示的时候，子组件的生命周期不执行！解决方法：1.加上:destroy-on-close=“true”有发现新问题。组件卸载是卸载了。但是卸载后，立马就有重新挂载上了。那么继续价格判断。2.在你的组件上加一个判断。当:visible.sync="open"这里的open为true的
米粒宝的爸爸·2025-06-04 21:43

[前端-组件库] Vue2项目中, element ui树形表格数据, selection多选选中父级无法选中子集问题解决

在ElementUI的树形表格中，默认情况下选中父节点不会自动选中子节点，这是ElementUI设计上的有意行为，为了保持组件的灵活性和可定制性。
程序员东九·2025-06-04 15:53

elementui el-table表格自动循环滚动

效果：当表格内容超出时，自动滚动，滚动到最后一条之后在从头滚动。鼠标移入表格中，停止滚动；移出后，继续滚动。代码：importmixinsfrom"./mixins";exportdefault{data(){return{loading:false,tableData:[],scrolltimer:'',//自动滚动的定时任务}},mounted(){this.autoScroll()},bef
Humble-H·2025-06-04 15:53

element UI 中的 el-tree 实现 checkbox 单选框功能，及 bus 传递参数的方法

el-tree单选功能在日常项目开发中，会经常遇到，树形结构的查询方式，为了快速方便开发，常常会使用到快捷的ui组件去快速搭树形结构，这里我用的是elementui中的el-tree。
ZhuDi.·2025-06-04 15:23

使用el-table实现自动滚动

下边我将以示例代码，用elementUI的el-table来讲一下。
前端攻程狮·2025-06-04 15:53

FastAPI+Vue+ElementUI框架的搭建与部署教程

项目介绍一款Python语言基于FastAPI、Vue、ElementUI、MySQL等框架精心打造的一款模块化、高性能、企业级的敏捷开发框架，本着简化开发、提升开发效率的初衷触发，框架自研了一套个性化的组件
沙拉.伊万卡·2025-06-04 06:36

elementUI Table获取单击的是第几行和第几列

HTML部分JS部分//jsmethods:{tableCellClassName({row,column,rowIndex,columnIndex}){//注意这里是解构//利用单元格的className的回调方法，给行列索引赋值row.index=rowIndex;column.index=columnIndex;},cellClick(row,column,cell,event){conso
ncj393437906·2025-06-03 19:54

技术探秘：烦人的 Element UI 下拉框为何在我切换窗口后“自动起舞”？

️‍♂️技术探秘：烦人的ElementUI下拉框为何在我切换窗口后“自动起舞”？你好，各位代码探索者！
小丁学Java·2025-06-03 17:10

elementUI中MessageBox.confirm()默认不聚焦问题处理

在项目中使用elementUI的MessageBox.confirm()出现了默认不聚焦的问题，默认确认按钮是浅色的，需要点击一下才会变成正常。面对这种问题，创建新组件，实现聚焦。
新茶十九·2025-06-03 14:15

Element UI表格排序技巧：让“--”始终在最后！！！

ElementUI表格排序踩坑记：让“–”乖乖听话！你好，各位前端小伙伴！在日常开发中，我们经常会用到像ElementUI这样的优秀组件库来提高效率。
小丁学Java·2025-05-31 20:52

elementui table 动态合并单元格

由于项目有个需求需要合并单元格，但是有新增、删除等功能；故要动态合并单元格，然后查找网上资料，实现了这个功能：data(){return{tableData:[],spanArr:[],//存储需要合并的单元格pos:"",//每个单元格的下标spanArrOne:[],//针对第一列需要全部合并的单元格posOne:""}}created(){this.getData();},methods:{
Alisa前端菜鸟·2025-05-31 07:56

在 ElementUI 中实现 Table 单元格合并

在ElementUI中实现Table单元格合并在使用ElementUI的Table组件时，有时我们需要合并相邻的单元格，以提高表格的可读性和简洁性。
CV_CodeMan·2025-05-31 07:55

el-table-column如何获取行数据的值

在ElementUI的el-table组件中，你可以通过el-table-column的slot-scope属性（在Vue2.x中）或者#default插槽的scope属性（在Vue3.x中）来获取当前行的数据
hachi0313·2025-05-30 05:12

学习记录-mybatis+vue+elementUi实现分页条件查询

因为前端并不难，这里前后端就一起实现。一共分为四个步骤步骤一①SQL部分分页条件查询其实就是在分页的基础上增加条件，这里有两个主要的函数需要去实现，一个是根据分页以及条件去查询数据，另一个是根据条件去统计数据。明显第二个更为简单，先从第二个开始分析。根据条件统计满足条件的数量。原本统计的SQL只需要一句：selectcount(*)form表名。完事儿了，这就可以统计所有的条目数。现在的需求是什么
Record growth...·2025-05-29 15:59

【ElementUI中el-tree节点拖拽】

ElementUI中el-tree节点拖拽//html//id用于跳转选中节点//methods/***树节点拖拽的hover事件*/handleDragOver(draggingNode,dropNode
历目·2025-05-29 08:18

vue+elementUI组件table实现前端分页功能

这也是在做项目中遇到的现在把它记录一下：上代码:data="headeDataList.slice((pageNumHE-1)*pageSizeHE,pageNumHE*pageSizeHE)"//这个就是每页计算的要展示几条数据然后就是table数据的长度，在vue中你可以定义一个值在变量中然后取值，也可以这样写：:total="headeDataList.length"最后就是分页器的设置：m
温柔小生·2025-05-27 19:43

ElementUI el-table default-expand-all属性

el-tabledefault-expand-all属性生效但无法动态改变本来只改变isExpandAll的值无法改变展开/折叠状态，后面才知道还要改变一下refreshTable的值，可能是要刷新一下吧toggleExpandAll(){this.refreshTable=false;this.isExpandAll=!this.isExpandAll;this.$nextTick(()=>{t
嘟嘟可在哪里。·2025-05-27 09:39

Element UI 对话框固定宽度 + 遮罩层深度定制方案

ElementUI对话框固定宽度+遮罩层深度定制方案核心需求固定宽度：指定对话框为固定像素宽度（非百分比）遮罩层控制：通过modal属性管理遮罩层显示样式隔离：仅影响目标对话框，不干扰其他弹窗实现步骤1
程序员老王wd·2025-05-27 07:31

为了顺利使用Vue.extend，我被迫去研究了Vue源码...

事情是这样的，我们在开发PC端项目的时候，封装了一个Dialog组件，我希望这个组件能像ElementUI里面的Message组件一样，通过this.
程序员小寒·2025-05-26 15:31

Element UI 统一社会信用代码校验

ElementUI统一社会信用代码校验统一社会信用代码是中国企业的唯一标识，由18位字符组成，包含数字和大写字母。在ElementUI表单中，可以使用自定义校验规则来验证这个字段。
冷冷清清中的风风火火·2025-05-26 03:17

Vue - 实现图片裁剪功能，并上传到服务器（内置第三方最优秀的裁剪图片组件，上传到服务器功能）干净整洁无 BUG 的示例源码与超详细的注释，兼容任意浏览器

在vue+elementUI项目开发中，详细实现图片上传并裁剪功能，并完美对接服务端接口详细教程，在看了网上大部分教程后，代码都非常乱且没有注释，而且全都是裁剪插件的“使用”教程，并没有讲述裁剪完毕后如何调用接口上传到服务器
王二红·2025-05-24 04:27

vue+elementui 的表单希望添加必填的星号，但是不校验。css加星号

直接css给他加星号.xjd::v-deep.el-form-item__label::before{content:'*';color:#f56c6c;margin-right:4px;}
肖肖肖丽珠·2025-05-23 10:55
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他