微前端element-ui

vue el-table设置某些行不能选择以及特殊样式

如下图所示，满足特定条件的行不可选择，且颜色被设置成了其他颜色：1）设置行不能选择selectable为element-ui提供的属性，类型为Function，Function的返回值用来决定这一行的CheckBox

＊且听风吟·2025-03-23 15:31

Vue前端实现多个条件表格搜索

文章目录操作实现效果测试json数据搜索栏条件过滤完成搜索表格栏完整代码操作实现效果在vue文件中通过js代码完成多条件搜索符合条件的table数据，本文使用了element-ui组件创建表格。

1724580787·2025-03-22 15:49

vue中实现element-ui dialog的弹窗拖拽+水平方向伸缩+最小化+展开/收缩

dragPlus.js文件内容exportdefault{bind(el,binding,vnode,oldVnode){const{arg,value}=binding;//弹框可拉伸最小宽高letminWidth=400;letminHeight=300;//初始非全屏letisFullScreen=false;//初始非最小化letisMinimum=false;//当前宽高letnowWi

胡八一、·2025-03-20 13:39

微前端 qiankun vite vue3

qiankun-reactwebpack5子应用quankun-vue3vite遇到的问题简介主要介绍以qiankun框架为基础，vite搭建vue3项目为主应用，wepackvue2和webpackreact搭建的子应用，形成的一个微前端框架

可缺不可滥·2025-03-20 11:16

element ui 封装Table组件

1.首先npmielement-ui-S安装element-ui2.引入Element在main.js中写入以下内容：importVuefrom'vue';importElementUIfrom'element-ui

沃野_juededa·2025-03-19 19:06

element-ui简介、安装和使用代码

一、Element-UI简介Element-UI是一套基于Vue.js的桌面端组件库，由饿了么前端团队开源。

alankuo·2025-03-17 21:43

cursor全栈网页开发最合适的技术架构和开发语言

getapi·2025-03-16 16:47

webpack5（Module Federation）+vue3.0实现微前端

项目源码地址：https://github.com/wuxiaohuaer/webpack5-vue-admin一、什么是微前端微前端是一个比较宏观的概念，他的核心就是独立，开发独立、部署独立，比较适合大的团队来进行重量级项目开发

weixin_42140041·2025-03-15 21:57

element-ui动态设置tabel的columns时,切换columns数据表格抖动

问题描述：在项目中遇到表格的总表字段和子表字段展示的问题，当字段多向字段少进行切换时表头文字的抖动不明显，但是如果是字段少向字段多的表头进行切换时，表头文字会有闪现的掉下来的视觉感，且使用v-show或v-if等无效。问题分析：elementUI无论是显示列还是隐藏列，都需要重新计算单元格的高和宽，然后再进行重新渲染。抖动的出现是因为这个过程被直接反馈到了页面上。解决办法：可以使用element中

zuo-yiran·2025-03-15 13:51

Vue3的Hook指南

Hook结构2.类型安全增强五、应用场景1.状态共享方案2.跨组件通信六、性能优化策略1.副作用管理2.惰性加载Hook七、调试技巧1.开发工具追踪2.控制台检查八、应用案例1.数据可视化Hook2.微前端状态

Hopebearer_·2025-03-13 19:49

Vite+微前端Qinkun的基本部署

一、前言Qiankun是一个基于Single-SPA的微前端框架，由阿里巴巴团队开发并开源。它旨在帮助开发者将大型前端应用拆分为多个独立的子应用，从而实现更高效的开发、维护和部署。

前端程序员_花姐夫Jun·2025-03-12 10:23

如何使用element-ui进行主题的切换呢

我们在使用element-ui框架的时，有很多时候主题的配色都是我们不喜欢的，那这个时候element-ui的组件库就帮助我们推出了一套主题定制，用来帮助我们切换主题，方法也很简单在项目中改变sass变量首先在项目中

小段hy·2025-03-11 16:31

Garfish 源码解析 —— 一个微应用是如何被挂载的

背景Garfish是字节跳动webinfra团队推出的一款微前端框架包含构建微前端系统时所需要的基本能力，任意前端框架均可使用。

moonrailgun·2025-03-11 11:48

AntV X6结合Vue组件渲染节点，并与节点组件进行双向的数据交互

项目使用Vue2.0+Element-ui框架，在开发流程功能时自定义节点，为实现稍复杂的样式以及操作交互，使用markup+attrs的方式的话，比较麻烦，且难以结合使用Element-ui的交互组件

南七小僧·2025-03-08 23:55

element-ui el-date-picker限制日期时间选择范围

el-date-picker限制时间选择范围实现效果：代码实现效果：代码带快捷选项varMain={data(){return{value1:'',};},computed:{pickerOptions(){constdisabledDate=(time)=>{returntime.getTime()newDate('2025-03-0812:00');}return{disabledDate,s

ZH`浩·2025-03-08 17:27

elementUi表格数据量大操作卡顿问题

解决方法对于element-ui表格一次性加载10000条数据会导致浏览器卡顿或者崩溃，这里使用vxeTable解决渲染卡顿问题，官网网址：https://vxetable.cn/v3/#/start/

技术钱·2025-03-07 21:23

微前端父子应用及兄弟应用间组件或方法共享方案

作者：京东物流刘微微背景我们的很多web应用在持续迭代中功能越来越复杂，参与的人员、团队不断增多，导致项目出现难以维护的问题，这种情况PC端尤其常见，微前端为我们提供了一种高效管理复杂应用的方案。

·2025-03-07 12:38

探索微前端新境界：microfe 框架深度解析与应用推荐

探索微前端新境界：microfe框架深度解析与应用推荐microfe-clientamicrofrontendinfrastructure项目地址:https://gitcode.com/gh_mirrors

吴毓佳·2025-03-06 06:27

【前端】【vue-i8n】【element】Element 框架国际化配置指南：从 element-ui 到 element-plus

Element框架国际化配置指南：从element-ui到element-plus在全球化的大背景下，构建支持多语言的应用程序变得愈发重要。

患得患失949·2025-03-06 00:42

微前端架构

1.微前端架构概述1.1定义与核心概念微前端架构是一种现代Web应用的架构风格，它借鉴了微服务的理念，将前端应用分解为一组小型的、独立交付的前端应用，每个应用可以独立开发、独立部署，并且可以由不同的团队使用不同的技术栈进行开发

qmwneb946·2025-03-05 05:33

Qiankun 微前端框架全面解析：架构、原理与最佳实践

Qiankun微前端框架全面解析：架构、原理与最佳实践随着前端应用的不断发展，单体前端项目在复杂度、维护成本和团队协作上面临越来越多的挑战。

赵大仁·2025-03-05 05:02

element ui 中select框向下滚动加载更多

Vue.directive("loadmore",{bind(el,binding){//获取element-ui定义好的scroll盒子constselectDOM=el.querySelector(

wwll177·2025-03-01 02:46

微前端无法接入子应用，ip自动重复拼接，无法正确嵌入解决方案

最近在开发过程中，前端接入微应用时一直报错，项目接入了多个子应用，但其中有一个子应用一直报错，主要体现为，访问子应用的路径会自动变成http://ip:port/'http://子应用ip:port'排查很久，发现是由于在子应用配置文件中引号外多加入了一个空格，导致解析失败注意env环境变量中删除所有行尾的空格即可解决问题

luopeng207663436·2025-02-28 06:15

element-ui中树状图el-tree的使用（vue2）

热乎的，话不多说上代码html部分：//data:展示的数据//accordion:是否每次只打开一个同级树节点展开//props:配置选项默认值//expand-on-click-node:默认为true，值为false时点击小箭头才会展开收缩节点//filter-node-method:返回true节点可以显示,false节点会被隐藏//node-key:每个树节点的唯一标识//default

前端小雪的博客.·2025-02-27 06:32

Webpack Module Federation实战：微前端架构

WebpackModuleFederation是Webpack5引入的一个特性，它支持微前端架构，允许不同的Web应用之间共享模块，而不需要运行时的容器或服务器端的构建步骤。

糖糖老师436·2025-02-26 02:35

什么是Web极简架构

极其简单Web架构（radicallysimpleweb）是一个面向初创企业和小型企业的Web应用程序蓝图：何使用模块化单体ModularMonoliths、SSR、微前端MicroFrontends、

极道Jdon·2025-02-23 11:13

element-ui 表格树数据显示

1.使用表格树，element-ui比较新的版本开始支持，最新的版本却在报错，不识别树结构的几个属性在用为2.8.2版本，可实现下面树形数据显示和懒加载：borderrow-key="id"default-expand-alllazy

晴天小风·2025-02-23 10:05

element-ui中DatePicker 日期选择器选择今天之前或之后日期

禁用日期通过disabledDate设置，传入函数。1.添加pickerOptions配置项2.disabledDate设置禁用状态，参数为当前日期，要求返回Booleanexportdefault{data(){return{pickerOptions:this.handelDate(),value2:''}},methods:{handelDate(){return{//disabledDat

CiL#·2025-02-23 00:20

vue3手搓固钉组件

#创作灵感今天用固钉组件时发现element-ui的固钉会阻止移动端移动事件，我思来想去决定自己写一个固定组件得了实现思路获取钉子的ref实例并监听window滚动事件，当window.scrollY等于钉子的

巴巴博一·2025-02-21 05:46

【element】谷歌浏览器 el-dialog 概率出现背景全黑，透明度不生效

classv-modalopacity:0.5不生效解决方案：采用opacity:1background:0.5透明度的黑色代码如下：importVuefrom'vue'importElementfrom'element-ui'import

丶思想·2025-02-17 12:10

element-ui修改dialog样式全局、局部修改问题 el-dialogtitle/el-dialogheader/el-dialogbody/el-dialogfooter

//没有scoped全局css全部文件生效但是其他地方用dialog样式也会生效//有scoped为局部css--scoped只在本文件生效在这里设置el-dialog__header不生效//因此通过el-dialog的class进行全局css中局部定义只在当前文件生效点击打开Dialogdialog内容取消确定exportdefault{data(){return{centerDialogVi

春云资源·2025-02-17 12:09

VUE ELEMENT-UI PDF文件的BASE64字符串以及pdf文件展示，适应多个游览器

码鑫·2025-02-16 00:08

✨《微前端落地实战：qiankun从入门到精通！3小时搞定Vue+React多应用架构》

微前端落地实践指南（qiankun框架）微前端核心架构图graphTDA[主应用]-->B[vue子应用]A-->C[react子应用]A-->D[angular子应用]B-->E{通信机制}C-->ED

庸俗今天不摸鱼·2025-02-15 22:48

element-ui el-scrollbar滚动条初始化不显示

当使用el-scrollbar的时候，比如你的数据列表是后端获取的，这时候，初始化的时候，因为数据还没有获取到，导致里面的内容没有撑开，所以滚动条是不显示的，但是可以正常滚动。解决方法：获取左侧菜单的数据时，{{$t('menuTip')}}//解决滚动条初始化消失的问题--接口请求获取数据时this.$refs.scrollbar.update()

努力往上爬de蜗牛·2025-02-14 17:32

vue3结合element-plus之如何优雅的使用表单组件

背景在日常开发中，我们会经常使用element-ui或者是antdesign或者是element-plus等组件库实现搜索功能这里就需要用到相关表单组件下面就以element-plus为例，我们实现一个搜索功能的组件

小白小白从不日白·2025-02-11 05:30

element 常用组件大集合

el-tree树形控件el-table表格//element-ui表格控件//表格的一列el-pagination分页组件el-form表单//表单中的一项//和input没什么区别el-switch开关

偷光·2025-02-10 15:47

告别微前端开发难题：ScriptEcho赋能编程培训新手

微前端架构，以其灵活性和可扩展性，正逐渐成为大型复杂应用开发的首选方案。然而，对于编程培训新手而言，微前端的学习曲线却陡峭异常。

·2025-02-09 02:12

【JS】element-ui 中 table的select事件

element-ui中table的select事件，如何判断，是勾选还是反选？

小镇学者·2025-02-08 22:23

element-ui中table样式修改

import{ref,reactive}from'vue'constlight=ref(false)constselectId=ref()consttableData=reactive([{id:1,date:'2016-05-02',name:'王小虎',address:'上海市普陀区金沙江路1518弄'},{id:2,date:'2016-05-04',name:'王小虎',address:'

mini king·2025-02-08 20:07

【JS】element-ui table展示勾选状态

element-uitable我将勾选的值存在multipleSelection中，在表格更新后，再遍历，来展示勾选状态。这样可行吗？在使用ElementUI的el-table组件时，将勾选的值存储在multipleSelection中，然后在表格更新后通过遍历这些值来展示勾选状态，这种做法理论上是可行的，但在实际操作中有一些需要注意的地方，下面为你详细分析。实现思路存储勾选的值：当用户在表格中勾

小镇学者·2025-02-08 19:29

记录element-ui改造select显示为table，并支持多查询条件

最近遇到的一个需求，很有趣，是需要一个select组件，要求显示工号，员工姓名，以及区域三个字段，并且要支持三个字段的查询。显然element原生的组件不适用，这时候我们需要改造一下，把option改成一个table的样子，这样就能解决我们的问题，多个搜索条件这里我是一次性拿到所有的数据，然后模糊查询来解决1.先看效果图点击select支持输入，选择，以及回车查询2.实现代码HTML工号姓名区域{

洪洪呀·2025-02-08 19:29

探索现代全栈开发新境界：AppFullStackDemo，一个基于.NET Core和微前端的综合实践

探索现代全栈开发新境界：AppFullStackDemo，一个基于.NETCore和微前端的综合实践app_fullstackdemoAppFullStackDemo:DDD/SOLID/CleanCodeApp.NetCore3.1

颜殉瑶Nydia·2025-02-04 12:27

微前端框架qiankun剖析

随着微前端的发展，我们看到在这个领域之中出现了各式各样的工具包和框架来帮助我们方便快捷的实现自己的微前端应用。

浮游本尊·2025-02-03 00:00

微前端应用(qiankun+umi+antd)

目录1.微前端介绍以应用选型1.1什么是微前端?

他夏了夏天吖·2025-02-01 23:12

Vue前端项目构建

3、启动项目4、项目初始化文件结构5、Vue脚手架自定义配置6、安装Element-UI插件7、使用Element-UI

踏浪·2025-01-29 03:41

vue项目中所使用的element-UI / echarts

高清版思维导图见后台管理项目地址1.login登录页面表单在Form组件中，每一个表单域由一个Form-Item组件构成，表单域中可以放置各种类型的表单控件，包括Input、Select、Checkbox、Radio、Switch、DatePicker、TimePickerForm组件提供了表单验证的功能，只需要通过rules属性传入约定的验证规则，并将Form-Item的prop属性设置为需校验

Stephy_Yy·2025-01-28 01:53

探索现代前端微前端架构的最佳实践

在这篇文章中，我们将聚焦于**微前端架构（Microfrontends）**这一最新趋势，并探索其具体实现与最佳实践。微前端架构是前端开发中一种模块化的方法，能够显著提高代码的可维护性和团队协作效率。

桂月二二·2025-01-27 17:27

vue el-upload 上传图片列表校验不通过后多删除了一张图片

问题最近在使用element-ui的el-upload组件上传图片列表时，发现当上传的图片校验不通过时，会将上一张已经上传成功的图片删除了。

＊且听风吟·2025-01-26 14:20

Element-ui el-tree 父节点不显示复选框子节点显示复选框

需求：父节点不显示复选框子节点显示复选框一.父节点不显示复选框子节点显示复选框(如图)二.改后效果(如图)三.上代码(如图)添加css样式.el-tree.el-tree-node.is-leaf+.el-checkbox.el-che

鱼一直下m·2025-01-26 08:04

【Vue入门实践】Element-UI 树形组件el-tree的组件封装 =＞实现组织机构树Tree =＞使用vue-content-menu定制可编辑树结构editableTree

首先了解Element-UI中定义的基础Tree树组

小白Rachel·2025-01-26 07:58

推荐频道