![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
rookiediary
小小菜鸟
展开
-
自定义按钮实现表格数据全选
对于表格数据,element UI 进行了非常好的支持。如果要实现表格数据前有多选框,可以点击头部的全选框来实现多选,可以像上图,新增一列,设置类型为selection(图中标4),如果想设置某一条数据不可选,selectable绑定一个事件(图中标5),方法返回是否可选(true/false),如下图:在勾选表格数据的时候,会触发@selection-change所绑定的方法(图1中标2),可以在该方法中获取勾选项的id列表,如图:在实际运营中可能出现各种情况,比如运营人员提出不要原创 2021-01-20 15:40:50 · 525 阅读 · 0 评论 -
vue 防止按钮短时间重复点击--函数节流和函数防抖及使用
后端人员转战前端开发,小白的艰难之旅。测试提了个bug单,原因是极短时间内多次点击按钮,新增了多条记录。我想到的最简单的方法就是申明个变量canClick,默认true,按钮加上:disabled="!canClick",在点击按钮触发的方法中首先将canClick置为false,表单校验失败时置为true,通过校验请求后台服务成功后置为true,后台服务抛异常后也置为true。想法很丰满,现实很骨感。验证的时候发现依然可以多次触发。此路不通,请教了专业的前端大神,大神提了两个建议:函数节流、函数防原创 2020-12-17 18:13:57 · 3107 阅读 · 0 评论 -
vue 设置背景颜色及透明度
如上图,如果是第一张图片,需要在左上角加上灰色背景,白色“封面”字样,背景色需要有透明度。首先,需要知道rgba() 函数。rgba() 函数使用红(R)、绿(G)、蓝(B)、透明度(A)的叠加来生成各式各样的颜色。RGBA 即红色、绿色、蓝色、透明度(英语:Red, Green, Blue、Alpha)。红色(R)0 到 255 间的整数,代表颜色中的红色成分。。 绿色(G)0 到 255 间的整数,代表颜色中的绿色成分。 蓝色(B)0 到 255 间的整数,代表颜色中的蓝色成分。..原创 2020-10-30 16:01:14 · 22742 阅读 · 1 评论 -
vue 清除upload成功上传之后的验证信息
在提交表单之前往往会对必填项进行校验,未填项下方会弹出必传提示语,必传项填上值之后提示语会消失,但是在使用<el-upload>组件上传文件之后,提示语并没有消失。解决办法是:在上传组件成功后方法里面做处理...原创 2020-09-22 15:57:36 · 2283 阅读 · 1 评论 -
Avue新增带出上次编辑的内容
后端开发的我开始了前端开发的艰苦历程,迷茫,无助。。。。。。。。。特别是使用别人封装好的avue框架,更是无从下手。。。下面上图上代码:如上图,机构管理页面,现象是:点击编辑,点击取消,点击新增子页,坑爹的居然把行信息带到新增页了;关闭新增弹框重新点击新增子页,行信息消失了;点击编辑,点右上角叉号关闭弹框,再点新增子页则没有上述问题;点击编辑,点击修改,点击新增子页,行信息也会带到新增页面。。。。。。折腾了半天也没找到原因,猜测点击弹框叉号应该是调用了表单的清除方法,而取消和修改未调用,由于原创 2020-09-16 20:36:32 · 1484 阅读 · 3 评论