技术栈
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 文件。
程序员张3
3 个月前
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不显示,如图代码如下(示例):
ejinxian
6 个月前
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
williamdsy
8 个月前
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_Zhu
1 年前
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的钩子工具,可以在特定实际执行特定的命令)
Lysun001
1 年前
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_0632
1 年前
前端
·
css
·
vue
·
safari
·
element-plus
safari 浏览器输入框 focus时不显示那一闪一闪的图标
聚焦的时候应该会有一闪一闪的图标结果怎么都不显示 使用的 vue3 + element plus 后来发现如果有 placeholder 属性就算只给 placeholder属性设置个空格都能聚焦,不知道是什么问题呢
Serenity_Qin
1 年前
前端
·
vue.js
·
typescript
·
vue3
·
element-plus
vue3 + ts 使用 el-tree
实现效果:代码:
虚诚
1 年前
vue.js
·
element-plus
·
下拉菜单
el-selet下拉菜单自定义内容,下拉内容样式类似表格