草庐IT

ElementUi

全部标签

transition 实现div伸缩动画、3D翻转动画(vue版)、elementui走马灯

代码                                                                                                                                            新闻资讯                  /NEWS                                                                                                                        公司新闻       

利用级联选择器实现省市区三级联动【vue + elementUI Plus | uViewUI】

文章目录准备数据vue+ElementUIPlus利用级联选择器实现省市区三级联动学习记录具体代码vue+uViewUI利用选择器多列联动实现省市区三级联动(uniapp学习记录具体代码准备数据行政区划代码数据下载github链接首先获得省市区三级联动数据pca-code.json放置在项目文件夹内数据格式如图:vue+ElementUIPlus利用级联选择器实现省市区三级联动elementUI级联选择器学习记录propselementui级联选择器api提供props将value,label,children指定为当前数据的自定义属性值通过:props=“cityProps”cityProp

ElementUI中Tree组件使用

    首先官网上的树形控件教程地址为Element-Theworld'smostpopularVueUIframework案例一:要实现这种类型的树控件,并且后边相关操作:1.1后端准备工作 首先,数据库表为: 查询接口返回的实体类为:@Data@NoArgsConstructor@RequiredArgsConstructor//有参构造@EqualsAndHashCode(callSuper=false,of="name")//表示以name去重写的Equals和HashCode@Accessors(chain=true)@TableName("t_department")@ApiMod

vue+elementui中el-upload组件上传文件时,修改文件名,不用FormData

前言今天在开发的时候,后端突然提了一个需求,因为特殊的文件上传不进文件服务器,所以后端问我能不能上传的时候给加个扩展名,本着只要逻辑没问题,都可以通过代码实现的理念,我说:“可以“”,于是乎有了这篇文章。一、看别人怎么做的首先是去element官网逛了逛,发现也没有提供修改文件拓展名的方法,所以只能请求度娘了。百度了一下,发现别人都是使用普通的文件上传方式,代码一大堆,在钩子函数beforeUpload中获取到上传的文件后,修改名字,然后转成FormData后再用axios调接口上传。然后我就试了,结果没成功,没办法,只能自己动手,从组件底层来找方法了。这一试,就搞了半天,好在最后成功了。二、

element-UI样式的修改无效问题/vue中一个组件修改elementui的样式影响全局的elementui的样式

一、重新给定选择器比如class或者Id选择器,设置的样式无效原因:重新给定的选择器设置的样式一些无效,是因为一些样式element-UI已经给定了,给定的这些样式就不能通过选择器来修改样式。没有给定的就可以生效解决方式:打开控制台,然后修改样式,名字以elementui给定的,然后设置!important。提高权重。就可以了。找elementui样式的时候,需要慢慢找,因为有一些是包裹在盒子内层的。二、vue中一个组件修改elementui的样式影响全局组件的elementui的样式解决方式:在style标签中加上scoped通俗理解:scoped就是让style标签内的样式属于单个组件,如

【最简便方法】element-plus/element-ui走马灯配置图片以及图片自适应

首先展示官网给的模板{{item}}.el-carousel__itemh3{color:#475669;opacity:0.75;line-height:200px;margin:0;text-align:center;}.el-carousel__item:nth-child(2n){background-color:#99a9bf;}.el-carousel__item:nth-child(2n+1){background-color:#d3dce6;}目标一:插入图片(后续可以用props动态接收填装图片,这里直接调用来演示) step1:我们把v-for内容改为【iteminimgL

【最简便方法】element-plus/element-ui走马灯配置图片以及图片自适应

首先展示官网给的模板{{item}}.el-carousel__itemh3{color:#475669;opacity:0.75;line-height:200px;margin:0;text-align:center;}.el-carousel__item:nth-child(2n){background-color:#99a9bf;}.el-carousel__item:nth-child(2n+1){background-color:#d3dce6;}目标一:插入图片(后续可以用props动态接收填装图片,这里直接调用来演示) step1:我们把v-for内容改为【iteminimgL

使用Vue+vue-router+路由守卫实现路由鉴权功能实战

目录一、本节介绍和上节回顾1.上节介绍2.Vue+SpringBoot前后端分离项目实战的目录

使用Vue+vue-router+路由守卫实现路由鉴权功能实战

目录一、本节介绍和上节回顾1.上节介绍2.Vue+SpringBoot前后端分离项目实战的目录

基于Java+SpringBoot+vue+elementui社区疫情防控系统详细设计实现

博主介绍:✌公司项目主程、全网粉丝20W+,csdn特邀作者、博客专家、CSDN新星计划导师、java领域优质创作者,CSDN博客之星TOP100、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和毕业设计✌🍅文末获取联系🍅精彩专栏推荐👇🏻👇🏻👇🏻👇🏻java项目精品实战案例《100套》https://blog.csdn.net/weixin_39709134/category_11128297.html目录一、前言介绍:二、系统设计:2.1用户功能设计:2.2系统结构三、功能截图: 3.1登录模块:3.2用户前端首页:3.3用户后端页面:3.4管理员后端管理: 3.4.