10 2020 档案

如何在Vue的项目里对element的表单验证进行封装

摘要：介绍需求熟悉并优化公司项目的第五天，领导说能不能把表单验证封装一下，我打开代码一看由于是后台管理系统，无数个需要验证的输入框，由于截图长度受限，只能展示部分，类似于这种页面还有无数个！代码重复率非常高，难怪需要封装了。实现思路 1.将代码从页面中抽离，在utils文件夹新建js文件存储 2.新阅读全文

posted @ 2020-10-30 17:10 捡破烂的小z 阅读(643) 评论(1) 推荐(1) 编辑

Vue实现点击复制文本内容(原生JS实现)

摘要：需求：实现点击订单编号复制内容实现步骤：这里我是在element 的table组件里实现的步骤，仅供参考，实际上实现思路都大同小异首先在需要点击的地方，添加点击事件 <div class="orderNumber" @click="copyOrderNumber(scope.row.orde 阅读全文

posted @ 2020-10-29 16:54 捡破烂的小z 阅读(2157) 评论(0) 推荐(3) 编辑

（Element UI 组件 Table）去除单元格底部的横线

摘要：Element UI 组件 Table 有一个属性 border，添加它可以增加纵向边框，但是无法控制横线边框，因此即使是最简单的 el-table，也会包含一个底部横线。这个底部横线其实是一个 border-bottom，不过对于表头使用了 th 元素，对于表数据使用了 td 元素，因此修改的时阅读全文

posted @ 2020-10-23 14:52 捡破烂的小z 阅读(7629) 评论(1) 推荐(0) 编辑

CSS 多行文本溢出省略显示

摘要：文本溢出我们经常用到的应该就是text-overflow:ellipsis了，相信大家也很熟悉，但是对于多行文本的溢出处理确接触的不是很多，最近在公司群里面有同事问到，并且自己也遇到过这个问题，所以专门研究过这个问题。首先我们回顾一下以前实现单行缩略是可以通过下面的代码实现的（部分浏览器需要设置宽阅读全文

posted @ 2020-10-22 13:30 捡破烂的小z 阅读(85) 评论(0) 推荐(0) 编辑