element-plus

菜鸟茜19 天前
vue3·element-plus·组件封装·前端复用·省市区县级联
Vue3 + Element Plus 省市区县级联组件封装,支持 v-model 双向绑定 + 回显,可直接复用在后台管理系统中,省市区三级联动是非常常见的需求,无论是查询条件、新增表单、编辑弹窗,都需要用到。为了避免重复代码,提升开发效率,我们可以把省市区三级联动封装成一个通用复用组件,支持:
赢乐1 个月前
elementui·el-table·element-plus·anti-design-vue·a-table·vue前端·表格合并行
前端vue表格el-table或a-table合并行的功能实现在前端开发中,数据展示一直是一个重要的部分,而表格则是数据展示最常见的形式之一。ElementUI 是饿了么前端团队推出的一款基于 Vue 的 UI 组件库,其中的 el-table 组件是一个功能强大且灵活的表格组件。今天我们要详细探讨的是 el-table 的行列合并操作。
蜗牛攻城狮1 个月前
前端·vue.js·性能优化·element-plus
【Vue3实战】El-Table实现“超过3行省略,悬停显示全文”的完美方案(附性能优化)在后台管理系统中,el-table 是最常用的组件之一。经常遇到这样的需求:表格中的某列文本内容过长,限制只显示 3 行,超出部分显示省略号,并且鼠标悬停时通过 Popover 展示完整内容。
浩宇软件开发2 个月前
vue.js·spring boot·axios·element-plus·router
springBoot+Vue中华诗词学习后台管理系统中华诗词学习后台管理系统是一个基于Vue 3 + TypeScript + Element Plus开发的现代化后台管理系统,旨在为用户提供一个功能完善、界面美观的诗词学习管理平台。该系统包含多个功能模块,支持诗词管理、动态社区、评论管理等核心功能。
利刃大大3 个月前
前端·javascript·vue.js·element-plus
【Vue】Element-Plus快速入门 && Form && Card && Table && Tree && Dialog && Menu一个可复用的Vue实例、一段独立的 UI 界面,有自己的 HTML + CSS + JavaScript,代码上体现在一个独立的 .vue 文件。
程序员张33 个月前
vue.js·前端框架·element-plus
Element Plus SCSS 变量覆盖用法element-plus-vars.scsselement-plus.scssindex.scssmain.js
益达是我6 个月前
前端·javascript·vue.js·element-plus
【element-plus】element-plus升级到v2.11.7,el-tree文字不显示问题项目element升级后,el-tree不显示,如图代码如下(示例):
ejinxian6 个月前
element-plus·ant-design-vue·arco-design·tdesign-vuenext
2025 Vue UI 组件库选型@arco-design/web-vue vs ant-design-vue vs element-plus vs naive-ui vs tdesign-vue | npm trends
williamdsy8 个月前
vue·媒体·element-plus
【Element-Plus】媒体预览模态框优化实战:从复杂到简洁的设计之路作者: AI开发助手 日期: 2025-09-02 项目: B2B采购平台前端v2 关键词: 模态框、响应式设计、前端优化、用户体验
Dove言和1 年前
前端·javascript·vue.js·element-plus
vue-element-plus-admin的安装文档链接:开始 | vue-element-plus-admin之前尝试按照官方文档来安装,运行npm run dev命令却不能正常打开访问浏览器,换一个方式
雪碧聊技术1 年前
element-plus·cascader 级联选择器
element-plus中Cascader级联选择器组件的使用目录一.基本使用二.进阶使用1.如何获取最后一级选项的值?2.如何让级联选择器的输入框只展示最后一级?
谈谈叭1 年前
开发语言·前端·javascript·性能优化·vue3·vite·element-plus
代码优化——基于element-plus封装组件:表单封装今天实现一个基于element-plus表单组件的二次封装,什么是二次封装?查看以下表单,传统表单组件是不是用<el-form>嵌套几个<el-form-item>即可实现,那么一个表单可不可以实现,传入一个对象给封装组件,通过对象的type值来进行表单的实现。当一个项目有多个不同的表单内容时,能够实现代码的复用性、可读性。
Nymph_Zhu1 年前
vue.js·element-plus·g6
vue3+antV G6节点与文本框实现使用npm下载第三方包:npm install @antv/g6<template><div id="financialMonitoring" v-loading="loading">
一雨方知深秋1 年前
pnpm·pinia·element-plus·暂存区eslint·vue-router4
pnpm, eslint, vue-router4, element-plus, pinia在 设置 中配置保存时自动修复husky是一个 git hooks工具(git的钩子工具,可以在特定实际执行特定的命令)
Lysun0011 年前
javascript·vue.js·elementui·element-plus
vue3里面,事件触发一次,方法执行多次这个bug也是我在v2升v3的时候,根据上一个前端写的代码,发现的问题现在我们两个组件,父组件 parent 和子组件 son,如果我们在父组件中引入自助件的时候,给他命名是驼峰命名法,然后父组件中又有一个方法和子组件的名字类似,就是驼峰的不一样而已,就可能会出现这种问题
飞雪金灵1 年前
前端·vue3·element-plus·隐藏table箭头·替换table展开箭头·点击整行展开
Vue3(elementPlus) el-table替换/隐藏行箭头,点击整行展开element文档链接:https://element-plus.org/zh-CN/component/form.html
蟾宫曲1 年前
前端·npm·vue3·vite·element-plus·计时器
在 Vue3 项目中实现计时器组件的使用(Vite+Vue3+Node+npm+Element-plus,附测试代码)记录时间 [2024-12-26]本文讲述如何在 Vue3 项目中使用计时器组件。具体包括开发环境的配置,Vite+Vue 项目的创建,Element Plus 插件的使用,以及计时器组件的创建和使用。
lulu_06321 年前
前端·css·vue·safari·element-plus
safari 浏览器输入框 focus时不显示那一闪一闪的图标聚焦的时候应该会有一闪一闪的图标结果怎么都不显示 使用的 vue3 + element plus 后来发现如果有 placeholder 属性就算只给 placeholder属性设置个空格都能聚焦,不知道是什么问题呢
Serenity_Qin1 年前
前端·vue.js·typescript·vue3·element-plus
vue3 + ts 使用 el-tree实现效果:代码:
虚诚1 年前
vue.js·element-plus·下拉菜单
el-selet下拉菜单自定义内容,下拉内容样式类似表格