E-COM-NET
首页
在线工具
Layui镜像站
SUI文档
联系我们
推荐频道
Java
PHP
C++
C
C#
Python
Ruby
go语言
Scala
Servlet
Vue
MySQL
NoSQL
Redis
CSS
Oracle
SQL Server
DB2
HBase
Http
HTML5
Spring
Ajax
Jquery
JavaScript
Json
XML
NodeJs
mybatis
Hibernate
算法
设计模式
shell
数据结构
大数据
JS
消息中间件
正则表达式
Tomcat
SQL
Nginx
Shiro
Maven
Linux
微前端element-ui
vue项目
element-ui
的table表格单元格合并
一、合并效果二全部代码exportdefault{name:'CellMerge',data(){return{tableData:[{id:'1',name:'王小虎',amount1:'165',amount2:'3.2',amount3:10},{id:'1',name:'王小虎',amount1:'162',amount2:'4.43',amount3:12},{id:'1',name:'
酋长哈哈
·
2024-09-16 06:59
vue.js
elementui
javascript
前端
vant-element-ts一起使用存在的问题
由于vant-ui与
element-ui
部分组件存在冲突,导致在vue-typescript中出现错误:Subsequentpropertydeclarationsmusthavethesametype.Property
flynn_
·
2024-09-16 00:47
问题总结
vue
系列3:【深入】qiankun动态与按需加载子应用—像电影一样控制出现时机
对于
微前端
架构而言,管理多个子应用带来了前所未有的灵活性,但也对资源的加载和使用效率提出了更高要求。假设你的
微前端
项目就像一场电影,而子应用是场景或演员。
rabbit_it
·
2024-09-15 17:12
qiankun学习
前端框架
前端
阿里云
解决前端导出excel文件,打开为乱码
但是往往会出现转化后的excel文件内容位乱码的情况,本文中提供了两个解决方案:方案一:用户自定义上传方法添加附件添加附件代码解读:上述代码采用了
element-ui
的el-upload文件上传的组件。
荔枝,你让我拿什么荔枝!
·
2024-09-15 08:06
vue
前端
elementui
vue.js
【前端】解决
element-ui
两层dialog嵌套,遮罩层消失的问题。
背景总觉得element-uidialog的遮罩层逻辑有点晦涩,当一个dialog内嵌另一个dialog时,它的遮罩层却始终只有一个,也就是下方class="v-modal"的div。可以看到,v-modal的层级总是比dialog低一层。问题当两层dialog为直接父子关系时,我们可以简单的使用其属性append-to-body,modal-append-to-body来解决问题:如,第二层di
道着无为法自然
·
2024-09-14 22:27
前端
ui
Element-UI
组件实现面包屑导航栏
Element-UI
组件实现面包屑导航栏面包屑导航栏是一种辅助导航系统,它显示用户当前位置在网站或应用层次结构中的位置,可以帮助用户了解他们当前页面的位置,并且可以方便地返回到上级页面或首页。
你不讲 wood
·
2024-09-13 13:19
ui
javascript
vue.js
前端
elementui
element-ui
离线文档制作
第一步:克隆源代码Gitee地址:https://gitee.com/ElemeFE/element.gitGitHub地址:https://github.com/ElemeFE/element.git#代码克隆(本地需要有git环境)gitcloneelement-ui代码地址第二步:打包查看package.json文件,找到scripts节点,此节点用于指定脚本命令,供npm直接调用.在scr
看不懂世界
·
2024-09-13 06:36
基础环境搭建
ui
typescript
javascript
vue.js
node.js
npm
elementui
Vue 项目性能优化技巧分享
importVuefrom‘vue’;import{Button,Select}from‘
element-ui
’;Vue.use(Button)Vue.use(Select)1.9、优化无限列表性能如果你的应用存在非常长或者无限滚动的列表
2401_84437170
·
2024-09-12 09:21
程序员
vue.js
性能优化
前端
element-ui
layout布局 铺满整个空间方法
h5布局文件上传css样式有些朋友用height:100%并不能铺满,这个时候可以使用height:100vh即可铺满html,body,.el-container{/*设置内部填充为0,几个布局元素之间没有间距*/padding:0px!important;/*外部间距也是如此设置*/margin:0px!important;/*统一设置高度为100%*/height:100vh;}有任何问题都
遇事不决AI解决
·
2024-09-10 16:00
ui
css3
css
vue.js
javascript
修改打包后
element-ui
的字体文件名;JS文件名;CSS文件名
修改这些静态文件名的原因是客户那边扫描出漏洞:字体文件名称不符合安全规则,就想办法给全部重新命名修改字体文件该方法不起作用——在vue.config.js里面配置打包时的fonts名称;其他场景下可能会适用记录一下constTimestamp=newDate().getTime();chainWebpack(config){config.module.rule("fonts").test(/\.(
静纸~
·
2024-09-10 06:29
vue.js
前端
javascript
基于
微前端
qiankun的多页签缓存方案实践
本文梳理了基于阿里开源
微前端
框架qiankun,实现多页签及子应用缓存的方案,同时还类比了多个不同方案之间的区别及优劣势,为使用
微前端
进行多页签开发的同学,提供一些参考。一、多页签是什么?
JavaMonsterr
·
2024-09-10 01:25
程序员
Java
计算机
前端
缓存
vue.js
element-ui
table 点击分页table滚到顶部
在开发项目过程中遇到这样一个问题使用table表格的时候,切换分页之后不会回到顶部,还是停留在之前滚动的位置话不多说以下是解决方法:设置table的ref=‘multipleTable’//切换分页的方法加上下面这句,table就能自动滚到顶部this.$refs.multipleTable.bodyWrapper.scrollTop=0;希望能够帮到你看到这如果帮到你了留个小心心吧关注不迷路~
烂笔头儿@
·
2024-09-09 21:50
vue.js
前端
Element-ui
设置table 选中某行高亮自定义背景色
Element-ui
设置table选中某行高亮自定义背景色在el-table标签中添加单选highlight-current-row在style中设置颜色/*设置当前页面element全局table选中某行时的背景色
iOS_MingXing
·
2024-09-09 04:18
ui
elementui
vue如何引入
element-ui
2.x用element-ui3.x用element-plushttps://blog.csdn.net/weixin_41207479/article/details/127066333引入
element-ui
大霞上仙
·
2024-09-09 04:18
vue
vue.js
ui
前端
Vue
Element-UI
Table点击某一行,将该行背景色改变 高亮点击的行
想要实现一个点击一行,改行的背景色改变,高亮,如下图所示1、先开启element的高亮选项--><el-table-columnprop=
水蜜桃那么甜
·
2024-09-08 12:01
vue
基于 React & TypeScript & Webpack 的
微前端
应用模板
m-fe/react-ts-webpack在Web开发导论/
微前端
与大前端一文中,笔者简述了微服务与
微前端
的设计理念以及
微前端
的潜在可行方案。
weixin_33806300
·
2024-09-08 02:48
前端
webpack
javascript
ViewUI
【
微前端
】ReactJS实现
微前端
的代码架构
【
微前端
】ReactJS实现
微前端
的代码架构目录【
微前端
】ReactJS实现
微前端
的代码架构通用步骤基于
微前端
的应用典型树结构:示例代码Webpack设置:Babel设置:配置Webpack别名:依赖管理
小涵
·
2024-09-08 01:43
前端框架
前端
react.js
架构
前端框架
javascript
microservices
微前端
前端组件库自定义主题切换探索-01-方案借鉴与思路参考
探索原因背景首先自然是项目有需求,这是必须去做的原因其次,是我们项目没有直接使用市面上现成的基于
element-ui
或者ant-design的第三方UI框架,比如avue,而是有着自己的UI组件库第三,
东扯葫芦西扯瓜
·
2024-09-06 03:09
element-ui
Cascader级联选择器实现一级二级单选,三级多选
exportdefault{data(){return{value:[],shareScopeEnd:[],options:[{value:'zhinan',label:'指南',children:[{value:'shejiyuanze',label:'设计原则',children:[{value:'yizhi',label:'一致'},{value:'fankui',label:'反馈'},{
搬砖的小白
·
2024-09-05 22:34
element-ui使用心得
vue
element-ui
Upload前端读取上传的文件
选取文件上传data(){return{uploadFiles:[]}},methods:{loadJsonFromFile(file,fileList){this.uploadFiles=fileList},submit(){//解析上传的文件letfile=this.uploadFiles[0]letreader=newFileReader()//abortnone中断读取//readAsBi
搬砖的小白
·
2024-09-05 22:04
element-ui使用心得
vue.js
升级Vue中
element-ui
的版本
一、卸载旧版本npmuninstallelement-ui二、安装新版本npmielement-ui-S安装指定版本:
[email protected]
_七七_
·
2024-09-04 13:59
vue
vue.js
elementui
使用脚本一键打包并上传docker镜像
笔者搞了一年多
微前端
项目,一个团队管理十个微应用,换成docker镜像部署后,发布操作一下从原来的脚本直连服务器的1分钟变成了几十分钟,尤其上传每个应用到各自的阿里云仓库。
春深是蔚蓝
·
2024-09-03 11:09
微前端
docker
微前端
【
element-UI
】el-table底部新增一栏不规则合计(小计)
el-table底部新增一栏不规则合计(小计)项目需求:需要在指定列下方最后一行新增显示合计数目,只在指定的列下方显示单元格,即不规则合计需求效果如下图:解决过程利用el-table中提供的table-slot通过浏览器控制台查看每列元素,发现通过该标签上的width属性上有宽度信息通过遍历该标签组即可获取每列宽度//通过遍历该标签组获取每列宽度this.$refs.table.$refs.hea
wasin_lu
·
2024-09-03 07:48
Element-UI
ui
javascript
vue.js
vue
Element-ui
el-table合计行样式自定义、不换行显示
本项目由于合计汇总数字太多太长,又不能改变原width的情况下,就自定义样式超出点点点了,又要鼠标悬浮看全。js(设置‘title’)配合css(不换行)watch:{//loading为v-loadingloading(bool){!bool&&setTimeout(()=>{constnodeList=this.footerTr||[]nodeList.forEach<
一撇一画
·
2024-09-03 07:47
笔记
vue.js
html
javascript
element-ui
时间选择器组件及转时间戳
组件(这里用的ts)要获取时间戳,直接把value-format设置成timestamp,但是得到的值要除以1000import{Component,Prop,Vue}from'vue-property-decorator';@ComponentexportdefaultclassTicDatePickerextendsVue{@Prop()privatelabel!:string;@Prop()
w_小伍
·
2024-09-02 08:03
el-table相同数据行单元格合并
2.3编写行号合并方法3.全部代码背景项目中列表第一列是名称,需要实现的效果是相同名称的行合并,如图所示:实现步骤1.绘制el-table按照常规的写法绘制一个表格,根据官方文档
element-ui
介绍编写表格合并规则方法
problemRecord
·
2024-09-02 04:03
elementui
vue.js
Element-ui
中的table组件设置列为type=“expand“时,在Vue中发起异步请求数据时表格无法正常显示
问题描述:借助官网的示例,但展开项中是一个表格,当点击展开项时会发起一个网络请求去获取表格数据,表格的数据应该是一个数组类型:
鸭绒
·
2024-09-01 12:22
bug的解决方案
前端
vue.js
elementui
Element-ui
的el-table表格嵌套如何默认展开行,试试这个吧!(芋道源码yudao-cloud 二开笔记)
展示效果在el-table组件中有默认展开的属性expand-row-keys需要配合row-key使用,可能是我用的方式不对,用了不生效。所以我索性换一种解决方案。通过Vue的ref方法手动展开第一行。1.在el-table组件上添加ref首先,给el-table组件添加一个ref,用于在代码中引用这个表格。2.在表格数据加载完成后展开第一行在mounted钩子或数据加载完成的回调中,使用$re
码农九零
·
2024-09-01 12:51
笔记
elementui
vue3
el-table
VUE3笔记
、Ajax八、JSON九、VUE3第一章、基础一、vue简介1、学习阶段vue2基础vue-cli(vue的手脚架,专门做工程化开发)vue-router(实现前端路由的)vuex(vue存储数据的)
element-ui
一介书生.
·
2024-08-31 16:48
前端
javascript
vue.js
前端
element-ui
级联选择器cascader动态加载的问题
前段时间项目里有一个树状单位结构的需求,第一反应就是用elementui里的cascader级联选择器来做。本来以为是通过接口直接获取到所有单位树后配置一下就可以了,看了需求文档后发现原来是要通过动态加载的方式来获取。需求:1.进入页面之后根据当前的单位Id调用第一个接口来获取第一级的单位,并默认展示。2.如果当前单位有下级单位则显示箭头,点击调用第二个接口获取下级单位。很快啊,看着element
小小半月
·
2024-08-31 10:08
前端
elementui
前端
vue
javascript
element-ui
日期选择器用value-format 带上“HH:mm:ss”的时候报错
1.想用
element-ui
日期选择器取出“yyyy-MM-ddHH:mm:ss”格式的日期时间数据。2.用value-format带上“HH:mm:ss”的时候报错。
niceLiuSir
·
2024-08-31 01:31
ui
项目搭建使用qiankun(乾坤),入门篇,以及遇到的坑与解决
微前端
架构具备以下几个核心价值:技术栈无关主框架不限制接入应用的技术栈,微应用具备完全自主权独立开发、独立部署微应用仓库独立,前后端可独立开发,部署完成后主框架自动完成同步更新增量升级在面对各种复杂场景时
喂!大掌柜
·
2024-08-30 11:02
前端
vue
vue.js
前端框架
vue
element-ui
表格table 表格动态 添加行、删除行、添加列、删除列 自定义表头
vuetable表格动态添加行、删除行、添加列、删除列自定义表头;增加一行、删除一行、添加一列、删除一列;每行带输入框input代码1、HTML部分:删除列删除行增加行增加列2、JS部分:exportdefault{name:"Index",data(){return{columnLabel:'',//要增加的列名columnPropIndex:0,//列属性自增columnData:[],//列
哆啦唉m
·
2024-08-28 15:04
vue.js
ui
elementui
前端
javascript
二、Vue3与
element-ui
插件集成
1、安装element-uinpminstallelement-plus--save官方网址:https://element-plus.gitee.io/zh-CN2、添加按钮小图标npmi@element-plus/icons-vue如果引入的时候,出现错误,tsconfig.json文件中,修改:"moduleResolution"设置为"node"3、引入国际化会importElementP
程序员小蛋
·
2024-08-27 23:24
vue.js
前端
javascript
element-ui
/plus使用el-date-picker周 选择器返回时间范围处理案例
element-ui
/plus使用el-date-picker周选择器返回时间范围处理案例如图所示//jsconststartTimeStamp=ref('')constendTimeStamp=ref
Cheng Lucky
·
2024-08-26 14:45
vue
elementui
计算机毕业设计Hadoop+Spark知识图谱体育赛事推荐系统 体育赛事热度预测系统 体育赛事数据分析 体育赛事可视化 体育赛事大数据 机器学习 大数据毕业设计 大数据毕设 机器学习 人工智能
开发技术前端:vue.js、
element-ui
、echarts后端:springboot、mybatis大数据:spark、hadoop数据库:mysql关系型数据库、neo4j图数据库算法:协同过滤推荐算法
计算机毕业设计大全
·
2024-08-26 13:43
普元EOS-
微前端
的base基座介绍
1前言
微前端
开发的时候要使用base基座。这个base基座到底是什么?base基座能提供哪些功能?本文将进行简单的介绍。
小崔爱读书
·
2024-08-26 11:19
普元EOS
前端开发
vue
基座
前端基座
vue2上传大文件到minio分片上传
项目中使用到的类库:spark-md5、axios、
element-ui
;npminstallspark-md5--Snpminstallaxios--S页面上传示例文件上传任务数:{{taskQueueRunningNum
zhou周大哥
·
2024-08-25 17:35
vue.js
javascript
ecmascript
vue组件封装——公用基础table组件
ui框架用的
element-ui
;vue版本为vue2(2.5.17)baseTable组件table+pagination{{scope.row[column.prop]}}exportdefault
h_jQuery
·
2024-08-24 06:27
es6
Vue
插槽
vue.js
javascript
前端
微前端
插件 v-micro-app-plugin
v-micro-app-plugin是一款基于京东MicroApp框架的
微前端
插件,旨在帮助开发者快速地将微应用集成到不同的系统中,实现高效、灵活的前端模块化开发。
小白探索世界欧耶!~
·
2024-08-23 03:11
微前端
实践总结
前端
微前端
笔记
经验分享
学习
插件
项目总结
Element-UI
中el-time-picker时间选择器无法选择
前言前几天开发时,在做一个时间选择时,遇到了无法选中时间的问题在网络上找了解决方法,特此记录一下解决方法我的代码结构营业时间时间选择不上的原因是因为初始值问题很有可能是最开始赋值为空数组了所以有3个解决方法1.设置为nullbusinessTimeInfo:null2.设置当前时间businessTimeInfo:[newDate(newDate()),newDate(newDate())](默认
爱健身的小刘同学
·
2024-03-28 22:57
bug
Element
Vue系列
javascript
前端
elementui
Element-UI
穿梭框去掉左箭头按钮
往vue项目中加入一个穿梭框页面首先在views目录中创建Transfer.vue文件:import$from'jquery'exportdefault{mounted(){console.log('mounted');$('.el-transfer__buttons').children().first().remove();},data(){constgenerateData=_=>{cons
太空漫步11
·
2024-03-16 11:16
vue
jquery
elementui
Vue项目中使用Mock.js进行API模拟
技能清单编程语言:Java、C、C++、Python、Go、前端技术:Jquery、Vue.js、React、uni-app、EchartsUI设计:
Element-ui
、Antd、Color-ui后端技术
洛可可白
·
2024-03-12 19:10
前端专栏
javascript
vue.js
前端
element-ui
分页器中的 :current-page.sync是干什么的
在ElementUI中,current-page.sync是用于实现父子组件间关于当前页码的双向绑定的。具体来说:双向绑定:.sync修饰符是Vue提供的一种语法糖,用于简化父子组件之间关于props的更新和事件触发的代码。当子组件改变了父组件传来的prop时,可以通过.sync修饰符通知父组件进行相应的更新。使用场景:在分页组件中,通常需要将当前页码的状态在多个组件间共享。通过使用current
才艺のblog
·
2024-03-10 13:41
ui
vue.js
javascript
element-ui
中 使用<el-upload></el-upload>组件,第二次点击上传无反应
出现问题:在vue项目中使用el-upload组件,实现文件上传的功能,第一次点击可以上传,第二次点击按钮无反应出现此问题的原因:由于上次上传的文件流还在,未被清除解决办法:通过ref与组件进行关联导入在上传成功的函数中进行清空流文件handleAvatarSuccess(response,file,fileList){this.$refs.fileUploadBtn.clearFiles();/
今天星期八
·
2024-03-10 12:39
vue.js
前端
javascript
elementui
vue3实现表格单元格可编辑
需要达到的效果:方案一由于项目使用的是
element-ui
,所以一开始想到的就是去table组件找有没有能满足此需求的属性。没想到还真有(cell-dblclick)。
HuaHua·Li
·
2024-03-02 07:50
javascript
vue.js
前端
elementui
element-ui
——修改el-dialog样式自定义class
custom-class:Dialog的自定义类名/deep/.customClass{background:#09374c;}
dbt@L
·
2024-03-01 20:36
Element
UI
ui
vue.js
elementui
element-ui
版本问题导致el-table-column输入框无法输入
查询原因三个环境有两个好的,排除代码问题,可能是依赖的
element-ui
的版本问题。本地
element-ui
版本是2.4.10,测试
element-ui
版本是2.8.2,而生产运维用是最新的版本。
Enno.Z
·
2024-02-23 14:02
踩坑日常
elementui
input
el-table-column
输入框无法输入
Vue中使用
Element-ui
时报错
Error:Cannotfindmodule'babel-preset-es2015'Requirestack:-D:\webDesign_study_projects\Vue\vue_router\node_modules\@babel\core\lib\config\files\plugins.js-D:\webDesign_study_projects\Vue\vue_router\node
是小蟹呀^
·
2024-02-20 23:02
知识总结
vue.js
elementui
Element-ui
:头像上传
本篇文章用到element官网和七牛云官网
element-ui
官网:https://element.eleme.io/#/zh-CN七牛云官网:https://www.qiniu.com/1.七牛云注册登录之后然后实名认证
.@d
·
2024-02-20 18:48
python
django
vue
python
上一页
1
2
3
4
5
6
7
8
下一页
按字母分类:
A
B
C
D
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
T
U
V
W
X
Y
Z
其他