草庐IT

element_size

全部标签

element-ui上传文件 + 携带参数案例

上传文件的代码代码添加到代码块中-->将文件拖到此处,或点击上传只能上传jpg/png文件,且不超过500kb取消确定 js逻辑代码data(){return{uploadFileURL:'http://192.168.1.105:8090/project/details/importProjectFile',//上传文件的地址!loadFileParams:{//上传文件的参数!projectNumber:'',projectName:'',projectHead:'',projectType:'',fileNames:''},headers:{Authorization:window.se

element ui重置表单和清除表单验证

resetFields()与clearValidate()的区别  相同点:二者都能移除表单校验  不同点:resetFields()会对整个表单进行重置,将所有的字段重置为初始值      clearValidate()只会移除表单校验,而且可以只对部分字段进行移除校验this.$refs[formName].resetFields();意思是重置表单到初始值this.$refs[formName].clearValidate();意思是清除表单验证点击x号关闭弹窗清除表单验证:before-close="dialogClear"   /**    *关闭弹窗清除验证    */    di

(二) Vue3 + Element-Plus 实现动态菜单栏

系列文章目录系列介绍:Vue3+Vite+TS从零开始学习项目搭建:(一)Vue3+Vite+TS项目搭建实现动态菜单栏:(二)Vue3+Element-Plus实现动态菜单栏实现动态面包屑:(三)Vue3+Element-Plus实现动态面包屑实现动态标签页:(四)Vue3+Element-Plus实现动态标签页实现动态主题色切换(demo):(五)Vue3+Element-Plus实现动态主题色切换踩坑记录(持续更新):(六)Vue3踩坑记录文章目录系列文章目录一、引入依赖二、目录结构三、核心代码1.auth-api.js2.permission.js3.sidebar.vue4.rout

element ui - el-select获取点击项的整个对象item

 1.背景在使用 el-select 的时候,经常会通过 change 事件来获取当前绑定的 value ,即对象中默认的某个value 值。但在某些特殊情况下,如果想要获取的是点击项的整个对象 item,该怎么做呢?2.实例 elementUI中是可以支持获取点击项的整个对象的。需注意 value-key="id":value="item"exportdefault{data(){return{value:'',options:[{id:1,label:'黄金糕'},{id:2,label:'双皮奶'},{id:3,label:'蚵仔煎'},{id:4,label:'龙须面'},{id:5,

Element UI日期组件-选择月份具体到当月最后一天

Element已有的月份选择组件,只能展示开始月份的1号到结束月份的1号(例如:开始月份为3月,结束月份为3月,input框内只能展示2023-03-01至2023-03-01),但是我们的需求想要展示的是2023-03-01至2023-03-31这样的日期范围。 changeMonth(value,'search')">changeMonth(value,str){//查询当前月份月初到月末letmyDate=newDate(value[1]);letmonth=myDate.getMonth()+1;month=month效果如图:可以选择7月到7月,也可以选择7-8月等。。  

vue+element ui生成以当月日期时间为表头的table表格

背景最近在写项目的时候遇到了一个新的需求,就是需要生成一个以当前月份日期时间为表头的表格,用来展示这个月的值班情况表格上方有切换月份的按钮,切换对应的月份,表头要显示对应的月份的日期以及对应月份下面的数据,没有安排值班的日期,用/表示,属于当天的日期时间,将单元格的背景加深大致的展示效果如下(数据为假数据,只是展示效果使用,具体的以实际为准):实现思路1.最开始的时候想到的是使用日历插件fullCalendar去实现,但是实现出来的效果不是想要的效果,所以就pass掉了2.然后就在网上看了一系列大家分享的文章,基本的实现思路有了,那么就是解决实现这一块的问题了3.时间日期为表头这些数据是很好得

ios - [UIScreen mainScreen].bounds.size.height 在 iphone 6 上的返回值

我在iphone6设备上以纵向模式运行我的代码。NSLog(@"mainscreenheight:%f",[UIScreenmainScreen].bounds.size.height);为什么它返回568.0而不是667.0?iPhone上的模式是标准-不是缩放。编辑:即使在模拟器上也会发生这种情况-当我选择设备为iphone6时。 最佳答案 添加iPhone6的启动图像,然后它会按你想要的方式工作点击images.xcassets,点击attributeinspector,选择iOS8.0andLater然后您将获得两个额外启动

ios - iPhone编程: How do I make a UIImage in a UIImageView show at actual size?

我有一个UIImage,我想在iPhone4/4S/5屏幕上逐像素显示。根本不缩放它很重要,但是当我尝试使用setImage时,它会使图像太大。我的UIImageView是在UIStoryboard中制作的(因为我对此很陌生),并设置为“重绘”模式,其他一切均默认。其他模式均未正确缩放UIImage(编辑:也就是说,将UIImageViewscontentMode设置为其他内容将不起作用)。我环顾四周,发现了这个:[self.imageViewsetImage:image];self.imageView.frame=CGRectMake(self.imageView.frame.ori

element UI日期选择器固定选择范围

项目中经常会使用到日期选择器,并且会对可选择的日期有要求,分享几个常用的,给大家作参考。只能选择当前日期前(不包含当前日期)exportdefault{data(){return{selectedDate:null,pickerOptions:{disabledDate(time){constnow=8.64e7;returntime.getTime()>Date.now()-now;}}};}}; 只能选择当前日期前(包含当前日期)exportdefault{data(){return{selectedDate:null,pickerOptions:{disabledDate(time){r

【Vue】Element-UI按需引入项目启动报错解决方法

原因可能是版本不匹配的原因,Vue-Cli脚手架的版本跟element-ui不一致了,按官网的配置已经不太行了。报错代码Error:Cannotfindmodule'babel-preset-es2015'解决方式在babel.config.js将es2015进行替换成@babel/preset-env。{"presets":[["@babel/preset-env",{"modules":false}]],//es2015替换成@babel/preset-env"plugins":[["component",{"libraryName":"element-ui","styleLibraryN