elementui_前端博客-专业IT技术发表平台

推荐付费专栏 VIP文章

【前端】Vue3+elementui+ts，给标签设置样式属性style时，提示type check failed for prop，再次请出DeepSeek来解答翻看了下上一篇写前端文章还是一年前，不知不觉又好久没写前端文章了。最近太忙了，写文章都是忙里偷闲，挤点时间出来记录下开发过程中遇到得一些小细节问题。本篇文章就是写开发前端时，博主习惯性打开console控制台，只要有黄色警告得都统统解决，哈哈哈！

阅读 2.1k

114赞

vue3实现无缝滚动列表（大屏数据轮播场景） vue3目前可以通过第三方组件来实现这个需求。下面介绍一下这个第三方滚动组件--是一个用于 Vue 3 的插件，用于实现无缝滚动的组件。它可以让内容在水平或垂直方向上无缝滚动，适用于展示轮播图、新闻滚动、图片展示等场景。：在内容超出容器宽度或高度时，可以实现自动无缝滚动，形成连续的视觉效果。：提供了多种配置选项来控制滚动的速度、方向、内容显示方式等。：支持响应式设计，可以根据父容器的大小自动调整内容的显示和滚动效果。：内容可以是任意的 Vue 组件或 HTML 元素，可以自定义每一项的样式和内容。

阅读 5.4k

16赞

想成为全栈攻城狮

解决elementui中el-radio报错：Blocked aria-hidden on an element because its descendant retained focus. Blocked aria-hidden on an element because its descendant retained focus.... 报错

阅读 2.4w

52赞

报错详解——Vue升级带来的elementui冲突警告： Invalid prop: custom validator check failed for prop “type“. 以下两种警告一次性解决，包括解决方案，产生原因和深度思考：Invalid prop: custom validator check failed for prop "type". Invalid prop: validation failed for prop "type". Expected one of ["success", "info", "warning", "danger", ""], got value "primary".

阅读 3.0k

119赞

ElementUI下拉树型选择器组件重新封装ElementUI的select组件，显示树型结构选项，实现子级多选。

阅读 1.1k

5赞

项目源码库

源码示例：使用SpringBoot+Vue+ElementUI+UniAPP技术组合开发一套小微企业ERP系统本文介绍了使用SpringBoot+Vue+ElementUI+UniAPP技术组合快速开发小微企业ERP系统的步骤和方案。系统架构设计包括技术分层和开发环境配置，快速开发实践涵盖后端搭建、前端管理端和移动端开发。关键集成方案涉及统一接口处理和跨平台适配，典型业务实现包括进销存核心流程和数据可视化。效率提升技巧包括代码生成策略、通用组件封装和移动端优化方案。部署方案包括容器化部署和Nginx配置。该技术组合具有稳健的后端服务、快速构建管理界面、多端发布、高效开发等优势

阅读 843

5赞

使用elementUI实现表格行拖拽改变顺序，无需引入外部库 1. 通过el-table的设置行的自定义class类名2. 在mounted和updated生命周期钩子中调用this.$nextTick，确保 DOM 元素渲染完成后，使用获取所有.drag-row元素。ondragoverondrop在拖拽事件内通过行位置的移动ondrophandleDropspliceprojects。

阅读 4.0k

18赞

vue+ElementUI el-select实现下拉列表分页的功能（下拉分页组件---新增多选功能及默认值回显示例）_el-select 分页基础知识是前端一面必问的，如果你在基础知识这一块翻车了，就算你框架玩的再6，webpack、git、node学习的再好也无济于事，因为对方就不会再给你展示的机会，千万不要因为基础错过了自己心怡的公司。前端的基础知识杂且多，并不是理解就ok了，有些是真的要去记。当然了我们是牛x的前端工程师，每天像背英语单词一样去背知识点就没必要了，只要平时工作中多注意总结，面试前端刷下题目就可以了。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

阅读 1.4k

5赞

前后端分离nodejs基于vue框架+ElementUi的网络端竞赛考试报名系统_lmm6r 基于网络端竞赛考试报名系统的设计与实现管理员：系统登录。用户管理：对用户信息的增、删、改、查。教师管理：对教师信息的增、删、改、查。考试分类管理：对考试分类信息的增、删、改、查。考试管理：对考试信息的增、删、改、查。试卷管理：对考试试卷信息的增、删、改、查。试题管理：对考试试题信息的增、删、改、查。报名管理：对报名信息的增、删、改、查，查看缴费的状态（可视化图表统计报名人数等信息，Excle表进行报名人员信息的导入和导出）。

阅读 1.0k

13赞

elementui中el-form自定义表单校验规则 el-form自定义表单校验规则

阅读 784

7赞

五月天的尾巴

el-table修改表格颜色 el-table修改表格颜色

阅读 3.2k

15赞

Vue项目与IE浏览器的兼容性分析(Vue|ElementUI) Vue+ElementUI项目与IE浏览器的兼容问题，IE9及以上（vue2）,vue3不支持IE。可利用Polyfill解决ES6语法在IE浏览器语法不兼容问题，可以用条件注释与样式覆盖解决IE中不匹配问题

阅读 2.0k

26赞

码农小白-RMS

Debug-027-el-tooltip组件的使用及注意事项使用el-tooltip配合（3）（4）两个属性在el-tree中可以实现当某一层级字数过多，对名称有一个缩写，并且悬浮显示全部名称的效果，这里还配合使用了动态样式使用getWidth()方法。（5）Popover 和Tooltip 是有相似的属性的，你可以尝试把Popover的属性用在Tooltip上，说不定可以成功。这里我想说的是，当我们的表格中的某一列单元格的内容超级多的时候，肯定是需要设置show-overflow-tooltip实现鼠标悬浮显示全部信息的。这个组件使用起来也挺简单的，

阅读 1.6k

7赞

一点点晚风'

Vue使用ElementUI搭建页面跟着青戈学毕设-B站程序员青戈

阅读 2.2k

18赞

哈哈小鬼~FE

ElementUi的Dropdown下拉菜单的详细介绍及使用 Dropdown是 ElementUI 中用于创建下拉菜单项的一个组件，通常包裹在组件中使用。以下从功能特性(一些属性及方法)、使用和高级功能(高亮显示，滚动，额外传参数)三个方面进行详细介绍。

阅读 859

5赞

elementUI源码学习 element 的架构是很优秀，通过大量的脚本实现工程化，让组件库的开发者专注于事情本身，比如新加组件，一键生成组件所有文件，并完成这些文件基本结构的编写和相关的引入配置，而开发者只需完成组件定义就行了。为组件库添加新语言，比如 fr（法语），分别为涉及到的文件（components.json、page.json、route.json、nav.config.json、docs）设置该语言的相关配置，具体的配置项默认为英语，你只需要在相应的文件中将这些英文配置项翻译为对应的语言即可。

阅读 1.1k

27赞

前端大鱼yyds

ElementUI 提示框单例控制：从 2.X 到 3.X 的完整解决方案但在某些场景下，我们不希望它们。Element Plus（基于 Vue 3）对。ElementUI 2.X 的设计初衷是。在前端开发中，ElementUI 的。在 2.X 版本支持全局。的支持不同，需分别处理。"，获取更多前端开发干货！关注我的微信公众号"

阅读 893

13赞

从0到1实现vue3+vite++elementuiPlus+ts的后台管理系统（一）的后台管理系统，记录下自己搭建后台系统图的过程。这篇文章完成项目的初始化和基本配置，这一步可以直接跟着vue3官网进行。安装后，在项目根目录下建types文件夹，types/user.d.ts 创建ts的变量声明类型。下面的例子帮助大家理解，在页面新增登录、退出按钮，登录时将数据存到pinia。后，在安装插件pinia-plugin-persistedstate。在使用elemtuiPlus组件时，无需引入，直接使用即可。，使用这个插件后发现，浏览器会同时存储这些数据。文件，定义一些登录后的信息，

阅读 1.2k

5赞

Vue项目导入excel表，自动下载导入失败数据的excel表（使用ElementUI upload组件，自定义导入excel表） 2、点击导入按钮，选择文件（点击“打开”触发on-change）此时可以通过fileChange方法在控制台打印查看文件结构3、此时我们已经拿到选择的文件，可以自定义上传方式，将其发送至后端服务器let url = ‘xxx’ //后端服务器API‘Content-Type’:‘multipart/form-data’ //自定义上传时，该请求头参数必填i++){ //遍历文件数组，fileList有可能存在多个文件url: url,

阅读 766

23赞

关于Html使用CDN引入ElementUI-Plus与Vue3（组合式）不生效解决方法关于Html使用CDN引入ElementUI-Plus与Vue3（组合式）不生效解决方法

阅读 1.0k

7赞

作者推荐

豆逗逗: 前端菜鸟（不定时分享自己遇到的问题，及解决办法。希望帮到可爱的你）关注我，一起进步呀

关注

Humble-H: 只要肯吃苦，就有吃不完的苦

关注

qq1334611189: 怀若竹虚临曲水，气同兰静在春风！

关注

接口写好了吗: 愿天下没有看不懂的技术贴

关注

高级代码搬运工: 我们不是代码的生产者，我们只是代码的搬运工

关注

OldWinePot: 诚信始于心，商道践于行！

关注

LinDon_: 一片树林有两条路而我选择人迹稀少的一条从此决定一生的道路

关注

苏阳_H: 时间像一个圆，我们终将相遇

关注

码农小白-RMS: 老子不老庄子不装

关注

beyondwild: 愿你眸有星辰，心有山河，以梦为马，不负韶华！

关注