小白小白从不日白
这个作者很懒,什么都没留下…
展开
-
有关 Element-ui 的一些思考
这里列举了一些我们在使用element-ui时的一些实用技巧,比如主题样式修改、el-form-item label宽度自适应等原创 2024-09-11 08:13:00 · 217 阅读 · 0 评论 -
vue2 自定义button组件开发
编写组件时应该API先行,先确定组件该如何给用户用,再根据API编写逻辑props的名称应该具备语义化,类型应该符合规范,并且可以添加自定义校验组件上绑定的类似于原生的事件,默认是不会被识别的,需要额外处理组件有一些设计需要整体把控,比如props与对应类名的匹配,这是我们故意设计的。原创 2024-09-12 08:00:05 · 108 阅读 · 0 评论 -
vue2 二次封装el-tooltip
我们在使用 element-ui 组件库里的 el-tooltip 实现文本提示功能时,发现只要用了这个组件,不管文本有没有超出鼠标移动上去时都会显示其提示,但是很多时候我们更想要的是只有当文本超出并且显示省略号后,此时鼠标移动上去才会显示全部原创 2024-09-11 08:41:06 · 60 阅读 · 0 评论 -
vue2 实现鼠标移入展开移出收起效果
也可以实现这种效果,但是使用这种方式实现的效果总体上是实现了,但是怎么看着都有点别扭的意思。这里需要实现的就是鼠标移入时展开,移出时收起,并且在展开和收起之间有一个过渡动画效果。当然除了用javaScript去实现也可以利用css3的。属性来实现,大致逻辑就是最开的时候其高度使其。原创 2024-09-11 12:53:58 · 42 阅读 · 0 评论 -
vue2 中后台系统中,复杂表单的开发优化技巧
在中后台系统的日常开发中,表单必不可少,当表单内容比较多,例如有上百个字段(这一点都不夸张,血淋淋的现实)时,代码往往也变得复杂且难以维护,加上各种动态联动的表单校验,无疑让我们的页面开发过程雪上加霜,本文将结合自己平时的开发习惯,分享一下在大表单开发中如何处理复杂的表单校验,以及如何对表单进行拆分,减少单个文件堆积过多的代码内容。原创 2024-09-11 12:42:38 · 81 阅读 · 0 评论 -
vue2 el-tabs 实现当内容超出时可以左右切换滚动的tab标签
基于 el-tabs 实现当内容超出时可以左右切换滚动的tab标签原创 2024-09-11 11:06:08 · 80 阅读 · 0 评论 -
vue2 实现类似于Element-plus 的TreeSelect 树形下拉框选择功能
本文是基于element-ui,利用el-select组件和el-tree组件组合实现了类似于element-plus的TreeSelect组件原创 2024-09-11 08:30:12 · 98 阅读 · 0 评论 -
vue2 实现表格hover时显示序号和复选框相互转换并且可以实现全选和反选
有的时候由于业务需求需要我们实现类似于如下效果:正常情况下表格开头显示的是序号,但是当鼠标移动上去时,此时需要显示复选框,以便我们进行其他操作比如选中上传、选中导出等操作。那么该如何实现呢?当然我们也可以自己手撸一个,但是笔者觉得没这个必要,既然element-ui给我们提供了el-table这个组件,那么我们只需要在这个的基础之上进行二次改造即可原创 2024-09-11 08:22:22 · 20 阅读 · 0 评论