微前端element-ui 第5页

Element-UI table 单元格数据可编辑

Element-UItable单元格数据可编辑//template代码//script代码import{getTableList,updateRemark}from"@/api/table";exportdefault{name:"Role",dicts:['sys_normal_disable'],data(){return{tabels:[],//遮罩层loading:true,};},cre

Shiki2147·2024-01-26 14:54

element-ui表单验证时undefined (reading ‘validate‘)

我搜索了一下，大部分都是说不仔细造成的，但是我一一对照了1、el-form中我定义了ref，并且ref前面也是没有加冒号的2、el-form中也绑定了rules，并且rules前面加了冒号2、el-form-item我是加了prop的，并且和rules中的名称一致4、v-mode的data也是没有异常的然后我尝试打印validate前面的内容，发现是undefined到这里我终于找到原因了，因为我

yy_demo·2024-01-26 11:19

深度挖掘：前端架构设计与现代化实践

前端架构设计组件化架构与微前端当谈到前端架构设计时，组件化架构和微前端不可避免地成为热门话题。组件化架构通过将应用程序分解为独立可复用的组件，实现了在大型应用中更好的组织和管

zhong_333·2024-01-26 10:33

第六章（原理篇）微前端间的通信机制

文章目录微前端间的通信机制通信需求常用的通信方式1.CustomEvent2.Redux3.消息总线（MessageBus）4.本地存储（LocalStorage/SessionStorage）5.跨文档通信

球球不吃虾·2024-01-26 09:18

第七章（原理篇）微前端技术之依赖管理与版本控制

文章目录依赖管理与版本控制微前端的依赖挑战1.依赖冲突2.依赖重复加载3.依赖的兼容性依赖管理策略1.集中式依赖管理2.分布式依赖管理3.依赖预加载4.使用微前端框架QiankunSingle-SPA示例和最佳实践版本控制与冲突解决

球球不吃虾·2024-01-26 09:18

第四章（原理篇）前端容器技术

文章目录前端容器技术容器技术的概念主流前端容器介绍（如[Single-SPA](https://single-spa.js.org/docs/getting-started-overview)）核心特性工作原理实现方式案例分析代码示例容器与微前端的关系前端容器技术容器技术的概念在计算机科学中

球球不吃虾·2024-01-26 09:48

第五章（原理篇）微前端技术之模块联邦与动态加载

（ModuleFederation）第一步：设置Webpack配置在应用1（App1）中在应用2（App2）中第二步：编写和暴露模块第三步：在应用2中使用暴露的模块第四步：启动应用动态加载与代码拆分在微前端中的应用案例分析代码示例

球球不吃虾·2024-01-26 09:41

vue 导入element-ui css报错解决方法

element.eleme.io/#/zh-CN/component/quickstart在main.js中写入以下内容：123456importVuefrom'vue'importElementUIfrom'element-ui'import'element-ui

执波仔丶·2024-01-26 07:46

SpringBoot+Vue & 跨域 & 页面布局

一、更改node服务器端口号二、Vue使用elementUI1、命令命令:npmielement-ui2、使用elementUI在main.js里引入element-ui如果不在main.js里引入element-ui

不凡梵·2024-01-26 01:17

vue学习之slot 解决element-ui在table中插入链接地址

今天在element-ui的学习中要在表格中写入一个链接{{link}}结果什么都没有（后面的链接）官方文档是有介绍通过Scopedslot可以获取到row,column,$index和store（table

雁过无声1986·2024-01-25 22:28

修改Elemetui的time-picker组件源码方法

要修改项目中使用的ElementUI的组件源码，并确保成功运行，你可以按照以下步骤进行操作：1.找到你的项目中的node_modules/element-ui目录，该目录包含了ElementUI的源代码

别拿曾经看以后~·2024-01-25 22:20

SpringBlade微服务开发平台

采用前后端分离的模式，前端开源两个框架：Sword(基于React、AntDesign)、Saber(基于Vue、Element-UI)后端采用SpringCloud全家桶，并同时对其基础组件做了高度的封装

神码观察·2024-01-25 21:58

vue+ element-ui el-table组件合计行自定义合并（summary-method）

随笔记录：今天接到的需求中有个表格的合并行需要同时用到大写和小写；金额过大时，当前行定义的sum[5]单价列会自动换行；没有百度到合适的方法；后来用别的方式改造//这里是官方的合计方法getSummaries(param){const{columns,data}=param;constsums=[];columns.forEach((column,index)=>{if(index===0){su

Augenstern777777·2024-01-25 21:42

element-ui 树形控件通过点击某个节点，遍历获取上级的所有父节点和本身节点

1、需求：点击树形控件的某个节点，需要拿到它上级的所有父节点进行操作2、代码：树形控件代码点击事件代码：//点击访问权限树形控件的事件visitRightUsergetVisitCheckedNodes(node,e){this.visit_id_result=node.id;this.visit_result=node.code;//所有父节点存放的数组this.breadList=[];//调

hat-ing·2024-01-25 21:07

Element-UI中的el-upload插件上传文件action和headers参数

官网给的例子action都是绝对地址，我现在需要上传到自己后台的地址，只有一个路由地址/task/upload根据config/index.js配置，那么action要写成/api/task/upload，另外也可以传入函数来返回地址:action="uploadUrl()"。另外一个问题就是此插件不会默认带上token，需要手动传递。点击上传不要重复上传文件，按需上传importstorefro

raoxiaoya·2024-01-25 21:07

vue+qiankun微前端项目（搭建,路由跳转，父子之间相互通信）

话不多说，直接上货首先创建两个项目，一个作为项目基座（vue-qiankun-base），一个作为子应用（vue-qiankun-app1）搭建基座及配置安装qiankun依赖到基座npmiqiankun-S需要注意的几点:1.新增public-path.js文件，用于修改运行时的publicPath什么是运行时的publicPath？2.微应用建议使用history模式的路由，需要设置路由bas

养樂多_566c·2024-01-25 19:57

强烈推荐 GitHub 上值得前端学习的开源实战项目

Vue.jsvue-element-admin是一个后台前端解决方案，它基于和element-ui实现基于iView的Vue2.0管理系统模板基于vue2+vuex构建一个具有45个页面的大型单页面应用基于

dizhao3079·2024-01-25 18:27

修改element-ui某个深层元素

在style经常用scoped属性实现组件的私有化时，要改变element-ui某个深层元素（eg:.el-input__inner）或其他深层样式时，需要使用/deep/，如.conBox/deep/

weixin_46852620·2024-01-25 17:15

vue css穿透 /deep/、::v-deep和＞＞＞的区别

在写一些vue项目时候，经常会引入一些组件，如element-ui，在style上又会因为不想污染全局样式而加上scoped属性，这样在css里并不能直接修改el的样式，所以就要用到深度修改css（穿透

深情止于人海·2024-01-25 17:44

样式穿透（＞＞＞和 /deep/以及 ::v-deep 三者之间的区别）

>>>深度作用选择器的简写形式，如果想修改element-ui某个深层元素可以用深度作用选择器（因为element-ui进行了封装，正常使用类名样式不会发生改变，要想修改成规定的样式，就需要使用深度选择器

Skr@Chen·2024-01-25 17:12

css中＞＞＞、/deep/、::v-deep的作用和区别，element-ui自定义样式

文章目录一、前言1.1、`/deep/`1.2、`::v-deep`1.3、`>>>`二、区别三、总结四、最后一、前言1.1、/deep/在style经常用scoped属性实现组件的私有化时，要改变element-ui

小马甲丫·2024-01-25 17:11

vue+draggable+el-upload上传图片拖拽重排方法

vue+draggable+el-upload上传图片拖拽重排方法1.html2.jsimportdraggablefrom'vuedraggable';importImageViewerfrom'element-ui

Cheng Lucky·2024-01-25 15:53

vue中单个页面设置多个上传组件

简述：在最近的项目中，遇到单页面有多个上传图片的地方，如果每一个上传组件都写一个上传事件，在编码过程中又繁琐，后期维护也麻烦，最终在element-ui中找到了解决方法，在此记录一下。

张不大了·2024-01-25 14:27

vue打包后与本地测试样式不同问题,element-ui样式打包部署前后样式不同。

个别文件的样式中未加scope。查找到一些文件中修改了对应页面的elementUI的样式，但未加scope给加上scope，就好了。

LXXgalaxy·2024-01-25 13:46

element-ui - el-checkbox绑定失效

数据添加checked属性在el-checkbox绑定失效场景原因解决方法总结场景通过使用el-checkbox，实现如下的场景，点击某个复选框，实现勾选和取消勾选。例如：后台返回数据格式如下：[{id:1,pid:1,name:'地区'},{id:2,pid:2,name:'游戏类型'},{id:3,pid:4,name:'性别'},{id:4,pid:5,name:'设备类型'},{id:5,

nunumaymax·2024-01-25 09:47

element-ui 打包流程源码解析——babel 相关

目录1，babel-cli2，babel-core3，.babelrc3.1，presets3.2，plugins其他相关该文章是为了更好的理解：element-ui打包流程源码解析（上）第2.5节npmrunbuild

下雪天的夏风·2024-01-25 04:16

第一章微前端介绍与背景

文章目录微前端介绍与背景什么是微前端？

球球不吃虾·2024-01-25 03:55

第二章微前端与单体前端对比

文章目录第二章微前端与单体前端对比单体前端的挑战微前端的优势与劣势优势劣势适用场景分析单体前端适用场景微前端适用场景案例分析：某大型电商平台的架构演进第二章微前端与单体前端对比随着Web应用的发展，前端开发所面临的挑战也在不断增多

球球不吃虾·2024-01-25 03:24

element-ui滚动条样式修改

*表单高度超出设置的长度时会出现滚动条展示；.el-table__body-wrapper{height:60rem;//设置固定高度overflow-y:auto;//超出显示滚动条}elementui的滚动条样式默认是图一：这是修改后的滚动条样式后的效果：实现代码如下：//::v-deep作用是样式穿透//设置滚动条宽度::v-deep.el-table__body-wrapper::-web

踢足球的，程序猿·2024-01-25 00:57

element-ui的el-dialog组件内容在阴影下面

在使用element-ui的el-dialog组件的时候可能会遇到一些小问题，例如弹框里的内容出现在了阴影部分的下面，如下：遇到这种情况也不要慌只需在el-dialog标签上添加上以下代码即可:append-to-body

爱吃猪蹄_·2024-01-24 23:12

系统性学习vue-vue-router

router-link的replace属性编程式路由导航路由跳转后退和前进缓存路由组件两个新的生命周期钩子函数路由守卫全局前置守卫全局后置守卫独享路由守卫组件内路由守卫history模式和hash模式element-ui

aqiu~·2024-01-24 20:41

2020-03-25

JSON.parse(localStorage.getItem('keyToken'))}})importaxiosfrom'axios'import{Message,MessageBox}from'element-ui

friendshi洛初Udo邭·2024-01-24 18:36

第九章 vue 进阶篇 Element Plus 基本使用

ElementPlus基本使用element-ui是基于vue开发的一套ui组件库，提供丰富的网页开发组件，可用快速开发网站，降低前端开发成本版本element目前有两个版本element-ui：基于vue2element-plus

运维-大白同学·2024-01-24 18:14

element-ui el-image :initial-index 动态调整不生效

vue版本2.6.11element-ui2.12.0在使用el-image时需要展示图片列表并查看，但我无论怎么尝试:initial-index="index"都不会生效，或者是我的使用方法不对。目前是使用了一个动态的集合来改变:preview-src-list=“showImageList(index)”的值,从而实现点击任意图片即打开预览，并且不影响上下查看。-->{{item.ivm}}s

宿命小人·2024-01-24 16:54

vue开发ui框架（app，后台管理系统,移动端）及插件

官网：uni-app二、vue-cli3+cordova(app混合开发)网址：https://www.jianshu.com/p/543a1da430c2三、element-ui(后台管理系统)网址：

晨曦迫晓·2024-01-24 14:09

关于Element-ui中el-table出现的表格错位问题的解决方案 // 问题介绍：表格数据整个都是后端返回的（表头 + 数据）页面(aPage.vue)里是一个完整的组件＜newPag

//问题介绍：表格数据整个都是后端返回的（表头+数据）页面(aPage.vue)里是一个完整的组件组件中有一个el-table（有v-if控制显示隐藏），初步判断是因为表头数据过长+v-if会导致这个问题概率性出现（刷新就好了，偶尔刷新又有了）1、数据更新后出现的错位问题1.1直接在数据赋值后执行doLayout方法resetLayout(){this.$nextTick(()=>{if(this

毛三仙·2024-01-24 12:13

【css element-ui】el-checkbox样式

/*黑白配色多选框*//*前面框框*/.scdj_black_check.el-checkbox__input{border:2pxsolidblack!important;margin:6px0;}/*被选中状态下前面框框*/.scdj_black_check.el-checkbox__input.is-checked.el-checkbox__input{border:2pxsolidblac

米老鼠的摩托车日记·2024-01-24 11:58

Element-UI：el-table 表头筛选

前言需求：根据表头筛选表格符合条件的数据最终实现效果：情况一：表格没有分页html部分：在列中设置filters和filter-method属性即可开启该列的筛选。filters是一个数组，filter-method是一个方法，它用于决定某些数据是否显示，会传入三个参数：value,row和column。{{scope.row.UploadStatus==1?'修改':'新增'}}js部分：fil

对，我·2024-01-24 08:54

解决el-select数据量过大导致页面卡顿

解决方案：importVuefrom"vue";Vue.directive('el-select-loadmore',{bind(el,binding){letself=this//获取element-ui

胡乱分享·2024-01-24 08:54

element-ui分页组件修改当前页current-page，分页组件显示current-page不刷新问题

1.当正常在methods方法中修改current-page后，视图上还是没改变:current-page.sync="current"增加一个.sync这样会生效2.mounted中修改current-page后，视图上还是没改变//视图不更新情况mounted(){this.currentPage=2}比如:image.png不能自动变为:image.png解决办法是添加唯一key强制组件刷新

rick_zhu·2024-01-24 07:54

封装axios对拦截器配置

importaxiosfrom'axios'import{Message}from'element-ui'importstorefrom'@/store'importrouterfrom'@/router

独爱那杯cc·2024-01-24 06:45

vue 请求拦截器响应拦截器添加Loading... 工具函数

import{Loading}from"element-ui";letloadingfunctionstartLoading(){loading=Loading.service({lock:true,text

前端方程程·2024-01-24 06:03

vue项目全局拦截axios请求并挂载loading

在vue项目中的main.js进行全局的操作.1.从elementui中引入loadingimport{Loading}from'element-ui';//项目已经全局引入element的话可以不单独引入

TVM·2024-01-24 06:32

vue axios 请求拦截和响应式拦截

在这里可以对响应统一做处理importaxiosfrom'axios'importrouterfrom'@/router'import{MessageBox,Message,Loading}from'element-ui'importstorefrom

爱怪笑的小杰杰·2024-01-24 06:31

改element 主题颜色

sass创建element-variables.scss(名字自定义)/*改变主题色变量*/$--color-primary:red;/*改变icon字体路径变量，必需*/$--font-path:'~element-ui

简小咖·2024-01-24 01:42

使用Element-UI 之乱码问题

问题描述dart-sass编译后：content属性异常页面上乱码图片正确编译的16进制码问题解决解决方法1(不考虑新版的element-ui,不需要部分新的组件)：若使用的element-ui版本中未使用

Ordinary_zz·2024-01-23 21:18

element-ui日期选择组件

el-date-picker组件的引入@change：为组件绑定选择日期确定之后的事件v-model：数据绑定，日期存在这里，例如（2019-01-02~2019-03-15），但是数据绑定仅仅是作为显示作用，真正的数据可以通过change事件来获得type：选择器的样式，daterange同时出现两个月份:start-placeholder：绑定第一个选择器的默认提示语言仅仅是没有选择的时候提示

冬天的_太阳·2024-01-23 21:16

element-ui el-table中根据按钮的多少来计算操作栏的宽度

columnWidth.jsexportdefault{data(){return{minWidth:100}},watch:{minWidth(){this.setWidth()}},methods:{setWidth(){if(this.headerData){this.$set(this.headerData[this.headerData.length-1],'width',this.mi

有蝉·2024-01-23 19:42

Element组件完整引入、按需引入、样式修改（全局、局部）、简单安装less以及npm命令证书过期等

lessscss等直接使用```::v-deep```2.只能用在原生CSS语法中:```/deep/```或者```>>>```五、拓展：npm安装less报错，提示证书过期六、拓展：Vue项目中配置Element-ui

小白_ysf·2024-01-23 14:24

微前端（wujie）使用手册

StoneHui·2024-01-23 12:54

推荐频道

微前端element-ui