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组件库
基于Element的进度条Loading
基于Element的进度条loading组件前端在中后台项目开发中经常要使用到loading遮罩层在数据交互时展示,目前我使用element
组件库
的loading,发现不能自定义,loading的样式比较少
不抽烟的小王
·
2024-02-02 01:07
VUE2
JavaScript
vue2_Element_UI
javascript
开发语言
ecmascript
数字孪生产品评测:五款数字孪生产品的优劣对比
一、山海鲸可视化山海鲸可视化是一款强大而灵活的免费数据可视化工具,其丰富的
组件库
和强大的数据处理能力让我印象深刻。通过简单的拖放操作,可以快速构建出各类精美、交互式的图表和仪表盘。
枝上棉蛮
·
2024-02-02 00:02
数据可视化
数字孪生
信息可视化
数据分析
云计算
大数据
能源
普歌-智音团队 vue实现图片上传
项目开发中我们会遇到图片上传的需求,那么下面就讲解一下vue如何实现上传图片功能项目需求使用
Element-ui
的上传组件2.我们还需要云存储(oss):会把我们本地图片上传到云服务器,把图片地址返回给前端
lihaijin8090
·
2024-02-01 22:30
简单学习 moment.js (日期处理类库) 个人在vue中配合
element-ui
的picker使用
简单学习moment.js(日期处理类库)在vue中配合
element-ui
的picker使用以下是自己在使用moment.js时的一些心得,‘中途也参考了许多前辈的案例’,如有其他更好方式或是一些问题可以评论下方首先
lanzhengdanrui
·
2024-02-01 19:55
前端
element中dialog出现滚动条记录位置问题
使用
element-ui
,dialog中的destroy-on-close属性,关闭时销毁Dialog中的元素。这样在每次打开dialog时,滚动
下雨天吃巧克力
·
2024-02-01 18:16
vue.js
[
element-ui
] table 点击分页table滚动到顶部
解决方法:设置table的ref='multipleTable'watch:{tableData:{//tableData是表格数据handler(){this.$nextTick(()=>{//滚动到顶部this.$refs.multipleTable.bodyWrapper.scrollTop=0;});},deep:true,immediate:true,},},element-uitabl
533_
·
2024-02-01 18:16
element-ui
前端
[
element-ui
] el-table 行内新增,滚动条自动滚到最顶部,或者最底部
letitem={name:'111',age:22,}this.dataList.push(item)//跳到底部操作this.$nextTick(()=>{this.$refs.containerTable.bodyWrapper.scrollTop=this.$refs.containerTable.bodyWrapper.scrollHeight});//跳到顶部操作this.$refs.
533_
·
2024-02-01 18:16
element-ui
vue.js
前端
elementui
vue组件样式覆盖
组件库
的样式先于自定义样式引入。...//导入全局样式:在main.js中引入import'.
史学娇
·
2024-02-01 18:29
vue
vue.js
javascript
前端
去掉
element-ui
的el-table的所有边框+表头+背景颜色
实例:1.去掉table表头(加上:show-header="false")2.去掉table所有边框::v-deep.el-table--borderth.el-table__cell,::v-deep.el-tabletd.el-table__cell{border-bottom:none!important;}::v-deep.el-table--border.el-table__cell{
前端进阶中
·
2024-02-01 17:00
CSS
vue.js
前端
javascript
将普通的数组转换为父子结构(vue,
element-ui
)
将普通的数组转换为父子结构(vue)树形效果:工具类common.js注意:方法里的pid父类id属性,要与你的父类id属性名一致;exportdefault{timestampToTime:(timestamp)=>{letdate=newDate(timestamp*1000)letY=date.getFullYear()+'-'letM=(date.getMonth()+1导入导出{{dep
_无往而不胜_
·
2024-02-01 13:56
vue
将普通的数组转换为父子结构
tree
树形结构
vue
element-ui
node
《Vue3 基础知识》 使用 GoGoCod 升级到Vue3+ElementPlus 适配处理
Vue3适配Vue3不兼容适配Vue3迁移指南在此,本章只讲述项目或
组件库
中遇到的问题;Vue3移除on,on,on,off和$once实例方法,事件总线Bus的差异;Vue3CSS深度选择器有变化,有警告
AvatarGiser
·
2024-02-01 07:21
《Vite
基础知识》
vite
vue.js
element-ui
中的el-date-picker 页面至字显示不全的原因及解决
显示不全原因:.el-range-separator的宽度为5%,相对于外层的父元素不够解决方案:加宽度.el-range-separator{width:20px!important;}解决图如下
今年不养猪只除草
·
2024-02-01 07:34
vue
vue.js
javascript
ecmascript
vue 仿el-table原理实现表格
element-ui
是国内最流行的的vue开源框架,el-table组件在
element-ui
整个框架中是最复杂、最重要的部分。其中涉及到的知识有JSX,render渲染函数,组件间的状态管理等等。
shaoduo
·
2024-02-01 05:52
jsx
el-table
自定义table组件
Vue使用 dhtmlx-gantt 甘特图
使用心得和一些坑分享出来下载npminstalldhtmlx-gantt-save创建ganttVue组件//ref引用这个dom//引入
组件库
import'dhtmlx-gantt'import{gantt
梦想成为大佬
·
2024-02-01 03:29
JavaScript
vue
vue.js
element-ui
的时间选择器 el-date-picker 实现限制开始时间和结束时间
最终实现效果:选择了开始时间,再选择结束时间的时候就不能早于开始时间;选择了结束时间,再选择开始时间的时候就不能晚于结束时间;1.png2.png实现代码:-exportdefault{data(){return{beginTime:"",endTime:"",pickerTimeBeg:{//限制开始时间disabledDate:(time)=>{if(this.endTime!=''&&thi
看庭前花开花落_望天上云卷云舒
·
2024-02-01 03:27
(
element-ui
)v-for动态数据循环表单验证的处理方式
1.1.功能需求使用element的表单验证方式,动态for循环的场景的使用?如下图所示:1564201860(1).jpg2代码结构注意:循环的数组和其他表单项在同一个form表单中2.prop改为:prop,形式为'userList.'+index+'.name'3.每一个循环中的都需要加:rules2.1dom结构取消确定2.2data数据normChild:{'ParkingId':nul
羽翼的翼
·
2024-02-01 03:37
5个大厂出品的移动端
组件库
推荐!
今日我们要带给大家的是5个大厂生产的移动终端
组件库
推荐,分别是:WeUI移动部件库,MaterialDesign设计规范库,HarmonyOS移动部件库,TaroUI移动部件库,Tdesign移动部件库
未来的嗒嘀嗒
·
2024-02-01 01:00
小程序
ui
sketch
ux
前端
element-ui
table 多行和列合并
该逻辑涉及各列之间的相互依赖关系,例如:第2列的合并,是在第1列满足的基础上,在判断第二列是否满足合并条件,依次类推…html:jsexportdefault{data(){return{//模拟后台返回数据tableData:[{id:"12987122",name:"王大虎",amount1:"234",amount2:"3.2",amount3:10,},{id:"12987122",nam
奋斗吧程序媛
·
2024-02-01 01:15
前端
vue.js
elementui
javascript
Vue学习
Element-ui
声明:本文来源于黑马程序员PDF讲义Ajax我们前端页面中的数据,如下图所示的表格中的学生信息,应该来自于后台,那么我们的后台和前端是互不影响的2个程序,那么我们前端应该如何从后台获取数据呢?因为是2个程序,所以必须涉及到2个程序的交互,所以这就需要用到我们接下来学习的Ajax技术。Ajax:全称AsynchronousJavaScriptAndXML,异步的JavaScript和XML。其作用有
买个等离子电视
·
2024-01-31 20:28
前端框架
vue.js
学习
ui
vue2项目国际化配置
8.22.22.新建文件夹i18n3.i18n.js代码如下://I18nimportVueI18nfrom"vue-i18n";importVuefrom"vue";importlocalefrom"
element-ui
26:28
·
2024-01-31 15:34
前端
【Vue】修改组件样式并动态添加样式
目标使用
组件库
中的组件,修改它的样式并动态添加/删除样式。修改样式组件中的一些类可能添加样式无法生效。
karshey
·
2024-01-31 14:10
————前端————
vue.js
前端
javascript
input、textarea禁止输入空格,并绑定回车事件
confim(){this.value=''...}二、第三方UI
组件库
环境以Vant举例(其它
组件库
原理相同),在
组件库
中,上面的方法无效,需要采用其它方法。
温其如玉_zxh
·
2024-01-31 12:04
vue.js
前端
javascript
安装 vant-ui 实现底部导航栏 Tabbar
本例子使用vue3介绍vant-ui地址:介绍-Vant4(vant-ui.github.io)Vant是一个轻量、可定制的移动端
组件库
安装通过npm安装:#Vue3项目,安装最新版Vantnpmivant
_沐晨
·
2024-01-31 09:25
vue3
ui
ElementUI
组件库
npmielement-ui-SCDN目前可以通过unpkg.com/
element-ui
获取到最新版本的资源,在页面上引入js和css文件即可开始使用。
月疯
·
2024-01-31 07:58
【Web前端框架】
element-ui
表格有数据但就是无法渲染
1.问题描述
element-ui
有数据但是无法渲染打开控制台发现是table中的coluwn高度为0,无法显示2.问题解决:降低
element-ui
的版本2.1首先确定自己是否真的拿到数据如果拿不到数据
柳牧文
·
2024-01-31 05:06
web开发
vue.js
npm
elementui
Android imageView.setImageXXX() 引发的卡顿问题
它是AndroidUI
组件库
中一个非常基础和常用的部分。使用ImageView,你可以在屏幕上显示来自不同来源的图像,比如位图文件、绘图资源drawable、网络来源或者相机拍摄的图片。
wk灬丨
·
2024-01-30 18:31
性能优化
android
Sketch怎么增加组件?
Sketch
组件库
经常使用,想要添加一些新的组件,该怎么添加呢?
crackbuy
·
2024-01-30 18:57
sketch
macos
ui
elementui中的tree自定义图标
需求:实现如下样式的树形列表自定义树的图标以及点击时,可以根据子级的关闭,切换图标{{node.label}}参考:
element-ui
的el-tree自定义图标-简书https://download.csdn.net
IT小白3
·
2024-01-30 14:00
ElementUI
elementui
vue.js
前端
Vue2通用后台管理项目笔记-axios,ajax,
element-ui
,vuex,vue-router
文章目录Vue2通用后台管理项目笔记1.vue-cli搭建项目2.element-ui使用1.安装2.引入3.Vue-router使用1.安装2.配置①创建路由组件②将组件和路由进行一个映射③创建router实例④对外暴露router实例3.嵌套路由介绍4.整体ui设计1.整体布局2.Aside左侧菜单栏引入2.1一二级菜单数据分类2.2一级菜单实现2.3二级菜单实现5.菜单点击跳转功能实现(路由
Kiwi23333
·
2024-01-30 12:20
笔记
ElmentUI禁止点击遮罩层关闭el-dialog弹窗、对话框滑动不消失功能
方法一:局部方法一:全局//引入elementUIimportELEMENTfrom'
element-ui
'//修改el-dialog默认点击遮照为不关闭\全局设置点击遮罩层不关闭DialogELEMENT.Dialog.props.closeOnClickModal.default
梓涵999
·
2024-01-30 12:42
ElementUi
vue.js
elementui
javascript
Vue +
Element-UI
在表格中放置链接,链接文字自定义
实现效果如下:使用作用域插槽来自定义每个单元格的内容:使用了slot-scope来获取作用域变量scope。{{scope.row.link}}exportdefault{data(){return{tableData:[{id:'123',link:'file1.pdf'},],};},};
Serenity_Qin
·
2024-01-30 11:02
前端
vue.js
前端
javascript
el-upload 上传文件时携带额外参数
使用组件的data参数,下为
element-ui
官方文档截图:前端代码:localMerchant是我要额外上传的内容,须为Object类型后端代码:
Serenity_Qin
·
2024-01-30 11:02
前端
vue.js
前端
javascript
elementui
Spring Boot + Vue +
Element-UI
实现文件上传
实现上传.jpg、.png、.pdf类型的文件。实现效果如下:前端代码:请上传经营许可证书将文件拖到此处,或点击上传只能上传jpg/png/pdf文件,且不超过2MBbeforeUpload(file){constisJPG=file.type==="image/jpeg";constisPNG=file.type==="image/png";constisPDF=file.type==="app
Serenity_Qin
·
2024-01-30 11:32
前端
后端
vue.js
spring
boot
javascript
elementui
Vue项目中使用React组件(antd
组件库
也可以),React中使用Vue组件
在Vue项目中使用React组件(antd
组件库
也可以),在React中使用Vue组件下面我写个demo教大家如何在Vue
组件库
中使用React组件甚至antd组件触类旁通,在React中使用Vue组件
清羽_ls
·
2024-01-30 10:29
前端&&沉淀
vue
react
组件库
vue中用react
react中使用vue
nginx项目部署+项目优化
如果项目使用了
element-ui
我们可以使用按需导入进行处理。还可以用CDN引入的方式来缩小文件的体积。CDN引入的方式就是在线引入需要的文件。
如果决定要走又何必挽留
·
2024-01-30 09:16
后台管理系统
nginx
运维
Vue项目中如何使用图标
组件库
vue项目中如何使用SVG图标-CSDN博客这是上一个如何使用SVG图标,自由的从图标库下载图标进行增删改等操作固然很方便,但是也暴露出一些小小的不足,那就是任意的图标使用可以造成图标风格的不统一,从而影响整个项目的用户体验。因为我们在进行图标下载的时候,有可能是从IconFont图标网站上,不同的图标项目库中进行分别的下载,如何堆积在当前自己的项目中,那么图标的大小,色彩,风格等样素可想而知也必
开心点啦.
·
2024-01-30 08:35
vue.js
前端
javascript
element-ui
—— el-tooltip 超出部分显示省略号,鼠标悬浮显示详情
前言:el-tooltip组件本身就是悬浮提示功能,在对它进行二次封装时,要对它进行优化,实现超出的文本加提示,没超出的不给予提示。思路:加一个中间层,子集为数据全量,控制中间层的样式,并设置宽度,通过ref进行宽度对比,若子集比中间层更宽,既说明显示了...样式{{content||'-'}}exportdefault{name:'textTooltip',props:{//显示的文字内容con
Marktubbu
·
2024-01-30 06:17
js
elementUi二次封装
el-tooltip
超出省略号hover显示
element-ui
树形控件 实现点击某个节点获取本身节点和底下所有的子节点数据
1、需求:点击树形控件中的某个节点,需要拿到它本身和底下所有的子节点的id1、树形控件代码2、点击事件代码//点击访问权限树形控件的事件visitRightUsergetVisitCheckedNodes(node,e){console.log('!!!',node);this.visit_id_result=node.id;this.visit_result=node.id;this.bread
hat-ing
·
2024-01-30 05:32
ui
vue.js
elementui
根据elementui中的上传组件upload,手写一个编辑时回显上传文件以及继续新增文件的功能
elementui
组件库
非常强大,但是有的组件不一定是非常契合我们实际开发中的项目的,比如文件上传的功能。
听书先生
·
2024-01-30 03:58
js获取今天剩余时间_前端教程丨手把手教你用 Next.js 搭建个人博客,从入门到吃鸡
不论是国内还是国外,都有不少开发者和企业在使用Next.js开发网站,比如:腾讯新闻移动端门口站腾讯网大名顶顶的Hulu视频站世界最受欢迎的ReactUI
组件库
Material-UI魅族官网
weixin_39610774
·
2024-01-29 22:29
js获取今天剩余时间
用
js判断
一个数是否是素数(质数)
VUE项目学习——入门篇
准备首先删除vuedemohellovue相关代码和文件components下的helloworld.vueapp.vue中的img标签router中的helloworld声明和引用引入一个简单的样式
组件库
weixin_34124939
·
2024-01-29 22:58
javascript
ui
webpack
ViewUI
前端教程丨手把手教你用 Next.js 搭建个人博客,从入门到吃鸡
不论是国内还是国外,都有不少开发者和企业在使用Next.js开发网站,比如:腾讯新闻移动端门口站腾讯网大名顶顶的Hulu视频站世界最受欢迎的ReactUI
组件库
Material-UI
蓝桥云课
·
2024-01-29 22:28
web
reactjs
【前端教程】手把手教你用 Next.js 搭建个人博客,从入门到吃鸡!
不论是国内还是国外,都有不少开发者和企业在使用Next.js开发网站,比如:腾讯新闻移动端门口站腾讯网大名顶顶的Hulu视频站世界最受欢迎的ReactUI
组件库
Material-UI魅族官网
实验楼v
·
2024-01-29 22:56
js判断上传的文件是GBK编码还是UTF-8
1、获取文件二进制数据,这里只做示例,例如
element-ui
中文件上传的beforeUpload方法,返回的file对象,然后使用FileReader对其进行转换,再进行后续判断functionbeforeUpload
jsmeng626
·
2024-01-29 19:05
javascript
前端
vue.js
element-UI
el-table动态显示隐藏列造成固定一侧的列(fixed=“left/right“)错误显示
问题原因:多个tabs共用一个实体,动态显示隐藏列出现了固定在右侧的列(fixed="right")错位【解决方案】表格的重新布局,只要table数据发生变化的时候就重新渲染表格this.$nextTick(()=>{undefinedthis.$refs.formname.doLayout()})参考element官方文档————————————————版权声明:本文为CSDN博主「sunshi
山抹微云_9c0c
·
2024-01-29 19:20
Vue项目 封装
Element-ui
中的el-pagination作为公用分页组件
原文链接:https://www.cnblogs.com/lsh-admin/p/16071060.html原因:分页在项目当中使用非常频繁,因此就将el-pagination封装为了一个全局组件1.首先在components下面新建一个pagination.vue文件import{scrollTo}from'@/utils/scroll-to'exportdefault{name:'Pagina
小刘爱搬砖
·
2024-01-29 17:39
Vue
vue.js
javascript
ui
2022-06-17
需求背景对于一些使用广泛可变性强的组件比如按钮,单一的视觉无法满足其他项目直接调用,为满足应用界面设计的多变性,同时提高开发者效率,我们希望提高
组件库
的可定制化,因此提供换肤功能以及多种类组件中的样式定制功能
Jasper123
·
2024-01-29 10:42
前端面包屑导航的,导航内容从何而来
任务:完成面包屑导航功能首先使用
组件库
提供的面包屑,调整好样式后就可以考虑如何获取当前导行的面包屑数据,由于面包屑与路由有关所以我们可以把面包屑的数据存储在路由中,在前端的router.ts文件中在路由配置文件中添加
左小白
·
2024-01-29 10:20
前端
uniapp
组件库
Card 卡片 的使用方法
目录#平台差异说明#基本使用#配置卡片间距#配置卡片左上角的缩略图#配置卡片边框#设置内边距#API#Props#Slot#Event卡片组件一般用于多个列表条目,且风格统一的场景。#平台差异说明AppH5微信小程序支付宝小程序百度小程序头条小程序QQ小程序√√√√√√√#基本使用组件的头部信息可以通过参数配置,其他主体和底部的信息,需要通过slot传入。title配置标题sub-title配置副
TechWhiz-晓同
·
2024-01-29 06:38
uniapp
uni-app
iview组件select下拉框on-change事件返回value或label
应用场景在使用iview
组件库
中,使用select下拉框,绑定on-change事件时,根据不同业务场景,需要返回value或label文本的记录。
瓜仙人
·
2024-01-29 06:18
iView
vue
vue
vue.js
上一页
2
3
4
5
6
7
8
9
下一页
按字母分类:
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
其他