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