- 博客(18)
- 收藏
- 关注
原创 实现溢出隐藏的内容显示el-tooltip,其余不显示el-tooltip框
内容超出宽度,要省略号显示,并且要显示el-tooltip框,则没有超出宽度的内容,就不显示el-tooltip框。
2024-09-13 10:09:13
259
原创 使用el-upload组件时,在上传文件前验证表单是否添加,未添加则不展示选择文件的页面
表单未填写的时候,点击上传文件,需要先校验表单是否添加,未添加的话就要不显示选择文件的页面。
2024-08-16 14:39:51
320
原创 如何自动关闭el-select下拉框
1. 先要监听到页面滚动的区域,我使用了弹窗组件,所以我是在打开弹窗时的方法添加了监听。(formRef 是我给el-form的ref名称,我页面的滚动是写在el-form上,所以要找到这个位置)页面上方的筛选框使用了el-select组件,并且整体页面有滚动条。如打开了下拉框,往下滑动页面时,下拉框则需要自动关闭掉。1.在el-select上添加个ref。通过refs来获取el-select,并且用blur方法关闭掉下拉框。
2024-08-16 14:28:27
1374
原创 vue实现修改hover的svg图标,并且hover时,有背景颜色
1.防止出现hover图标时,图标一动一动的效果,宽度高度要写在svg最外层的div上,hover只写背景颜色。
2024-08-16 10:24:31
347
原创 滚动el-table表格,粘性定位表头在可视区顶部
需求文档整个页面是个弹窗,表格内容多的时候,有滚动条效果,是整个页面的滚动,往下方滚动的时候,表格视图滚动顶部时,表格视图和表格表头固定在顶部,表格内容进行滑动。在弹窗全局el-dialog内,有上方筛选框,标题和表格列表,内容超出高度时加入滚动效果,往下滚动的时候需要把标题和表格固定在顶部。
2024-08-09 19:22:46
472
原创 实现el-date-picker组件的日期图标放在右侧
methods的方法 (记得mounted初始化方法时也要调用addDateIcon函数)placeholder="选择日期"// 日期组件的图标放在右侧。
2024-07-31 16:15:48
931
原创 Element upload组件的onChange传递多个参数
把handleChange改变为箭头函数 ()=>{} 接收到参数后接着再携带再调用即可。
2024-07-31 11:01:23
881
原创 实现el-dialog 弹窗底部按钮悬浮功能
1.为了防止弹窗不跟随最外层元素上下滑动,最外边div给个height高度,height的高度 + 弹窗的top高度 = 100,修改margin:0 auto 0参数。2.下方按钮悬浮,先让按钮脱离文档流,给absolute,父级需给relative。3.子级元素的需要给100%
2024-07-19 11:00:34
431
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人