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
elementui
美年旅游项目自记录Day03
一、
ElementUI
组件学习根据官方教程面向CtrlCV编程常用组件布局容器下拉菜单导航菜单表格分页消息提示Tabs标签页Form表单二、项目系统架构1.自由行模块新增自由行(增)前段页面:(主要做后端
辣条Capt枫毅新
·
2024-01-22 05:11
java
架构
uniapp中的uni-row/uni-col上的click点击无效
但没找到真正不能点击的原因,只能将其认为与
elementui
中的el-row上的click无效的原理一致。
???xixi
·
2024-01-22 04:57
uni-app
使用Vue+
ElementUI
搭建属于自己的个性博客
博客介绍前端页面纯使用VUE+VUEX+
ElementUI
框架,请求使用axios,路由使用vue-router,及其他优秀小插件完成,完全抛弃了Html以及Jquery,搭建一套完全属于自己的个性博客
zhua.er
·
2024-01-22 02:13
Vue
vue
elementui
element-ui 滚动条样式修改
elementui
的滚动条样式很难看这是修改全局的滚动条样式可以添加一下代码/**修改全局的滚动条*//**滚动条的宽度*/::-webkit-scrollbar{width:8px;}//滚动条的滑块
vue学习
·
2024-01-22 01:16
vue
element-ui
css
elementUI
上传图片前判断图片的尺寸大小
在上传图片前判断尺寸的大小,遇到了好多的坑。1.没有注意到onload是异步加载,所以一定要在onload后在执行判断图片尺寸2.upload内部需要一个promise,简单的return出false并没有什么用image.png完整代码如下:beforeUpload(file){const_URL=window.URL||window.webkitURLconstisSize=newPromis
冷r
·
2024-01-22 01:55
Vue3+
ElementUI
Plus颜色选择器,Ruoyi框架动态替换图片
需求为,需要动态的替换头部和底部图片的颜色,通过固定的颜色要实现可以动态的通过颜色,去替换的效果。一、通过将选择的颜色,通过Vuex来进行一个存储,用户后续的使用/**改变主题*/constchangeTheme=()=>{handleTheme('theme-custom',{menuBgColor:customForm.value.menuBgColor,menuColor:customFor
kangkang-
·
2024-01-21 23:22
vue.js
javascript
前端
ElementUi
+Vue+SpringCloud+Forest上传前后端联调
项目场景:实现后台上传图片本次使用vue3加
elementUI
的upload组件实现功能表单中的参数,需要通过上传来完成,一般有二种情况在上传一.上传后直接调用后端通用上传工具,在文件服务中调回来用Url
kangkang-
·
2024-01-21 23:21
elementui
vue.js
前端
Elementui
-plus 实现滚动到底部分页刷新
1.在这里面用了卡片来实现el-card滚动加载}直接抓住重点,通过@scroll="handleScroll"来实现滚动分页加载数据。2.handleScroll(event){const{target}=event;constthreshold=200;//距离底部100px时开始加载if(!this.loading&&!this.pageTotal&&target.scrollHeight-
kangkang-
·
2024-01-21 23:21
elementui
vue.js
前端
Vue3+
ElementUI
多选框中复选框和名字点击方法效果分离
现在的需求为比如我点击了OptionA,触发点击OptionA的方法,并且复选框不会取消勾选,分离的方法。{{item.modelName}}通过Vue事件处理的方法.prevent来阻止。
kangkang-
·
2024-01-21 23:50
elementui
前端
javascript
N-140基于springboot,vue协同过滤推荐算法个性化购物商城
开发工具:IDEA服务器:Tomcat9.0,jdk1.8项目构建:maven数据库:mysql5.7系统分前后台,项目采用前后端分离前端技术:vue+
elementUI
服务端技术:springboot
IT教程资源
·
2024-01-21 17:53
javaweb毕设成品项目
开发工具
spring
boot
vue.js
推荐算法
el-table-column内容不自动换行
项目使用
ElementUI
,在显示时,如果某一个数值长度超过列宽,会默认换行,如下这样的话造成页面动态变化,很难看,可以通过给el-table-column增加show-overflow-tooltip
木林森淼
·
2024-01-21 15:52
Vue
ElementUi
el-table-column
换行
Vue+
ElementUI
技巧分享:el-table 中实现灵活的文本换行
文章目录前言一、使用CSS选择器实现换行二、使用HTML标签和CSS类实现换行三、利用数组实现每项数据单独一行四、动态生成带换行文本的表格五、完整代码演示总结前言
ElementUI
是Vue.js的一个流行组件库
92岁高龄码农
·
2024-01-21 15:21
Vue
#
Element
UI
vue.js
elementui
前端
Vue+
ElementUI
+C#技巧分享:周数选择器
文章目录前言+一、周数的计算逻辑+1.1周数的定义+1.2年初周数的确定+1.3周数的计算方法二、Vue+
ElementUI
代码实现+2.1计算周数+2.2获取周的日期范围+2.3根据周数获取日期范围+
蓝色の幻想
·
2024-01-21 14:52
dotnet
跨平台知识
vue.js
elementui
c#
Mysql排序的字段值相同时,排列的顺序随机
一开始以为是用的
elementUI
或者是sqlsugar的分页产生的问题。仔细一看,本机没有这个问题。问了问老大,线上用的是mysql5,我自己电脑上是mysql8。
dlchgg
·
2024-01-21 14:07
Mysql
mysql
数据库
Element UI简介及相关操作
一、引言
ElementUI
是一套基于Vue.js的UI组件库,它提供了一系列常用的界面组件,使开发者能够快速搭建美观且功能丰富的用户界面。
m1chiru
·
2024-01-21 13:48
elementui
Vue+
ElementUI
实现点击加号动态添加
1.需求是点击加号图标往下增加,最多增加5行,最少显示一行(每条前面输入框不能为空及每条的前面输入框的值不能重复)2.具体实现代码替换为2-1data定义textReplacementList:[{sourceText:'',replacedText:'',order:''}],2-2rules配置textReplacement:[{required:true,trigger:"change",v
qq_42753983
·
2024-01-21 11:55
vue.js
elementui
前端
Vue 监听div高度方法
1.使用
elementui
提供的插件element-resize-detector全局安装npminstallelement-resize-detector全局引用,也可以当前页面引用(importelementResizeDetectorMakerfrom"element-resize-detector
qq_42753983
·
2024-01-21 11:24
vue.js
前端
javascript
vue +
elementui
form resetFields方法 无法重置表单
this.$refs['form'].resetFields();方法无法重置。1el-form组件没有添加ref属性2el-form-item组件没有添加prop属性
一代码农1970
·
2024-01-21 10:18
java基于springboot+vue+
elementui
的婚纱摄影跟拍预约管理系统
婚纱摄影网的设计是一个典型的管理系统,在整个系统的发展来看包括数据库的设计、分析、连接、功能实现和系统维护以及用户的正确操作方式,对于上述的问题我们根据用户的实际情况来设计出一个典型的婚纱摄影网的设计,在一定的基础上保证了这个系统的完整性和安全性。在整个系统程序当中的功能我们要保证用户方便使用而且易于操作的特点。在当今社会当中随着现代科学技术网络的快速发展和用户对网络技术意识不断提高,网络给用户带
QQ177825331
·
2024-01-21 09:52
elementui
vue.js
java
javascript
Vue-cli 项目中使用 Element-UI 组件库
第一步:在项目中安装element-ui组件npmielement-ui-S第二步:在main.js中引入element-uiimportVuefrom'vue';import
ElementUI
from'element-ui
THERAIN_
·
2024-01-21 05:41
【Element UI详细介绍】
ElementUI
详细介绍1.
ElementUI
1.1Vue+
ElementUI
安装1.2开发示例2.特点3.组件分类4.开始使用5.注意事项1.
ElementUI
ElementUI
是一个基于Vue2.0
程序员不想YY啊
·
2024-01-21 03:03
ui
vue.js
前端
ui
vue.js
java
前端
一个vue-cli的项目中如何使用element-ui组件库
1.安装npmielement-ui-s2.引入ui组件引入css文件在vue上使用下阅读文档快速上手部分在main.js部分引入import
ElementUI
from'element-ui';import'element-ui
疯狂的蜗牛Dianna
·
2024-01-21 03:00
Chrome Devtools: Sources篇
演示前置示例
ElementUI
官网其他篇章有的是以掘金为示例演示的,而掘金是服务端渲染(SSR),资源压缩,不易演示。
说叁两事
·
2024-01-21 02:54
nodejs基于vue宠物医院管理系统5x35l
各个用户的功能分析如下:运行软件:vscode前端nodejs+vue+
ElementUi
语言node.js框架:Express/koa前端:Vue.js数据库:mysql开发软件:VScode/webstorm
QQ_402205496
·
2024-01-21 00:03
vue.js
前端
javascript
vue2自定义封装图片预览组件
前言:预览图片现在已经有成熟的组件了,比如
elementui
的图片预览功能,但是现实开发过程中,
elementui
图片预览已经不满足需求了,比如涉及预览时删除图片以及下载图片自定义封装图片预览组件功能:
前端搬砖达人
·
2024-01-20 20:31
前端
vue
5套饿了么Element的组件库免费资源汇总!
作为桌面终端的后台系统设计,
ElementUI
非常适合构建复杂的项目管理界面。让我们看看这些资源!即时设计-可实时协作的专业U
未来的嗒嘀嗒
·
2024-01-20 16:47
sketch
macos
ui
adobe
photoshop
基于vue-admin-template+Django+
Elementui
权限管理系统
1、权限管理系统演示1.1本系统部分内容展示1.2本系统中所用到的技术Vue
Elementui
DjangoRestFrameworkMysqlLDAP2、前端项目创建与登陆流程讲解3、后端项目初始化3.1
我是一颗大白菜
·
2024-01-20 16:05
DevOps运维平台开发
django
elementui
vue.js
devops
Django+Vue+
ElementUI
实现的权限控制系统
项目介绍一款Python语言基于Django、Vue2.x、
ElementUI
、MySQL等框架精心打造的一款模块化、高性能、企业级的敏捷开发框架,本着简化开发、提升开发效率的初衷触发,框架自研了一套个性化的组件
沙拉.伊万卡
·
2024-01-20 16:31
vue.js
django
python
解决electron-vue+element报错$attrs is readonly和$listeners is readonly问题
这篇是记录我在electron-vue中使用
elementUi
插件一直报错的问题,1、首先我是使用el-time-picker组件出现了各种警告和样式问题,根据晚上说的降低版本匹配版本之后还是不行,各种版本都尝试了一遍
竹立荷塘
·
2024-01-20 14:41
electron
vue.js
electron
前端
element-ui 表单 form 回车 enter 触发查询,并禁止在输入框中按回车键会刷新页面
1.element-ui表单form回车enter触发查询在el-form上添加@keyup.enter.native="onQuery"2.vue+
elementUI
在输入框中按回车键会刷新页面2.1
竹立荷塘
·
2024-01-20 14:09
vue
vue
element
Vue+Element-ui实例_使用flexslider插件设计横向时间线
主要难点:(1)一般的插件时间线例如(
elementUI
中的el-timeline)就是纵向的时间线,如果数据过多的话,就会形成很长一段的下拉样式。
徐小硕
·
2024-01-20 13:19
#
vue
+
element-ui实例
vue项目开发常用的依赖
声明:这是目前碰到过的,后续还会补充
elementui
Element,一套为开发者、设计师和产品经理准备的基于Vue2.0的桌面端组件库vue-routerVueRouter是Vue.js官方的路由管理器
无知的小菜鸡
·
2024-01-20 13:47
vue基础
vue.js
javascript
前端
Vue +
ElementUI
表格内实现图片点击放大效果
实现点击图片预览这次主要是在table表格里能够实现,点击里面的图片实现大图预览的效果,直接找的现成的轮子,用在项目里。这里主要是讲讲用viewer组件实现点击图片预览,用的组件,只需在本地安装或者引入。先安装viewer—使用npm安装npminstallv-viewer--save1在main.js中引入importViewerfrom'v-viewer'//点击图片大图预览import'vi
Bubluu
·
2024-01-20 11:46
vue.js
elementUI
+el-upload 上传、下载、删除文件以及文件展示列表自定义为表格展示
Upload上传组件的使用官方文档链接使用el-upload组件上传文件具体参数说明,如何实现上传、下载、删除等功能获取文件列表进行file-list格式匹配代码文件展示列表自定义为表格展示使用的具体参数说明文件大小展示问题(KB/MB)文件下载代码上传文件大小与文件类型校验官方文档链接官方文档https://element.eleme.cn/#/zh-CN/component/upload使用e
一路向北qaq
·
2024-01-20 10:17
vue.js
前端
javascript
elementui
table合并单元格
数据mergerow:0,col:0,detailDataList:[{ad_master:'广告主1',ad_img:'广告图1',ad_sum:1,active_status:'投放情况1',cover_sum:'覆盖人数1',budget:'预算1',country:'覆盖地区1',age:'受众年龄1',sex:'受众性别1',day:'投放天数1',},{ad_master:'广告主1'
指尖数据
·
2024-01-20 10:42
elementui
前端
javascript
vue项目如何实现input输入框回车后,触发登录事件
方法一:注释:如果你在
elementui
的el-input框绑定该事件,是不会被触发的使用@keydown.enter或者v-on:keydown.enter指令来监听输入框按下回车键的事件方法二:注释
^^为欢几何^^
·
2024-01-20 09:09
vue.js
javascript
ecmascript
用了
elementui
中的组件,设置样式时始终不生效的解决方案
原因:可能是因为加了scoped后使用到里面样式的dom会添加data-v-xxxx这种属性防止css污染,但是message生成的dom是没有添加data-v-xxx属性的,所以样式无效。方法一:解决方案:去掉style里面的scoped方法二:操作原生DOM添加样式(先添加类名,然后再用getElementByClassName获取class类名,再进行设置样式即可)总结:一个是去掉scope
^^为欢几何^^
·
2024-01-20 09:09
elementui
前端
javascript
Vue 中 Element UI 的 el-table 组件实现动态表头和内容
在Vue中使用
ElementUI
的el-table组件时,为了实现动态表头(包括第一层表头及其下的嵌套表头或子表头)。需要后端返回的数据结构能够体现表头层级关系以及对应的数据结构相匹配。
咸鱼妹妹
·
2024-01-20 08:55
vue.js
elementui
前端
@mosowe2/element-pro:【proTable】基于
elementUI
2.x版本的高级表格
【基于vue2+element+@vue/composition-api】用过antd高级组件的应该有点印象,我这就是参考antd高级组件编写的,尽最大可能的把每个组件原有的element相关的属性方法都还原,已下功能是都有的也测试过了:proTable通过配置tableColumn,实现:自动生成table表格自动生成search表单搜索区屏幕大于等于1920时,一行4列,否则一行3列/2列/1
Mosowe
·
2024-01-20 02:38
UI组件库
javascript
element-pro
element高级组件
elementui
里面upload组件上传base64图片
1.最近在做用vue.js构建的后台管理页面,有用到
elementui
里面的upload组件进行图片的上传,这个组件默认上传方式是form-data形式,我们项目需要把图片转成base64传向后端;2.
daozun
·
2024-01-19 22:51
Springboot+vue课程管理系统(前后端分类)
该项目完全免费课程管理系统,前后端分离界面美观使用流行技术栈Vue
ElementUI
SpringBoot,可做学习、毕设使用技术栈:jdk1.8springbootvuemysql5.5前端Vue.js
ElementUI
axios
在努力的前端小白
·
2024-01-19 21:29
毕设项目
spring
boot
vue.js
java
基于Springboot+vue仓库管理系统(前后端分离)
该项目完全免费前后端分离项目-仓库管理系统技术栈springbootvue
elementui
mybatisPlusmysql可做学习、毕设项目
在努力的前端小白
·
2024-01-19 21:29
毕设项目
spring
boot
vue.js
后端
基于Springboot+vue图书管理系统(前后端分离)
该项目完全免费项目技术栈前后端分离:后端:Springboot+Mybatis-plus前端:Vue+
ElementUI
数据库:MySQL项目功能描述管理员:登录、个人信息、修改密码、管理后台管理系统所有数据首页统计
在努力的前端小白
·
2024-01-19 21:29
毕设项目
spring
boot
vue.js
后端
基于Springboot+vue鲜花商城系统(前后端分离)
该项目完全免费项目技术栈:前端:vue+
elementUI
+echarts后端:Springboot+mybatis+MySQL项目主要功能:商品信息商品分类角色管理公告管理轮播图管理订单管理收货地址管理日志管理部分功能截图
在努力的前端小白
·
2024-01-19 21:56
毕设项目
spring
boot
vue.js
后端
elementui
中树结构el-tree和树结构过滤
el-tree树标签结构处理支持树标签过滤看下效果图先:是树结构和日期的组合结构html代码{{data.namTag}}{{data.dataDate}}js代码定义treedata,为了避嫌,我把内容换一下哈哈哈,可能与上图内容不符合,但是换汤不换药哈,内容你们随便定义//data中的数据defaultProps:{children:'children',label:'label'},tree
五颜六色的黑
·
2024-01-19 19:45
element-ui
elementui
前端
javascript
【Element UI-table】树形数据无法展开和收缩 load、tree-props、hasChildren 详解
Elementui
树形数据无法展开和收缩基本介绍首先我们看一下官网地址Element表格树形数据官网看这一段代码,我来解释一下1、row-key必填最好给数字或唯一属性,给每个节点设置id不填的话没有办法实现展开效果
&超
·
2024-01-19 19:44
Elemnt
UI控件
elementui
vue.js
bug
【VUE】
elementUI
Table 合并第一列相同的数据
当前效果:实现效果:准备需要用到的
ElementUI
的方法具体实践html部分method部分flitterData(arr){letspanOneArr=[]letconcatOne=0arr.forEach
kiraraLou
·
2024-01-19 16:52
前端
vue
前端
【VUE】
elementUI
+ VUE table表格点击Popover 弹出框包含确定取消
前言最近遇到一个需求,表格里面点击按钮触发Popover,然后可以点击关闭和确定。具体的效果如下:具体代码html部分确定重新获取元数据信息吗,该过程较慢?取消确定刷新元数据信息method部分cancelClick(scope){document.body.click()this.$message('点击了取消操作');},sureClick(scope){document.body.click
kiraraLou
·
2024-01-19 16:52
前端
vue
elementui
【VUE+
elementUI
+JAVA】
elementUI
的<el-table>组件VUE自定义排序+后台排序含分页完整版
开发环境项目为前后端分离项目,使用的是Ruoyi-VUE版前后端分离框架前端:VUE+
elementUI
后端:JAVA+Mybatis+PageHelper(分页)前端部分html内容:代码如下:0":
kiraraLou
·
2024-01-19 16:22
mybatis
前端
VUE
elementui
ruoyi
java
【VUE】使用
ElementUI
Table 组件时对绑定数据进行预处理,对字节单位转换(将字节转换为K M G T)
前言日常开发中常常要是用表格展示一些数据,在我们展示这些数据时,有时需要对数据进行预处理,大多包含时间、布尔值等。这次是需求是将字节单位的数据进行单位转化如K,M,G,T等,此次就一并整理并记录下来。准备原始的效果如下:想要实现的效果如:具体实践html部分其中:formatter="formatData"是这次实现的关键。使用formatter来代替原来的prop,绑定table单行的值。for
kiraraLou
·
2024-01-19 16:22
前端
javascript
vue
elementui
js
上一页
5
6
7
8
9
10
11
12
下一页
按字母分类:
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
其他