自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(3)
  • 收藏
  • 关注

原创 js使用Proxy代理Class的公有方法初步尝试

js使用Proxy代理Class的公有方法初步尝试最近遇到一个需求是在前端对api进行权限管控,由于项目中的api都是封装在不同的class中,具体代码如下。import http from "../../network";export class LoginApi { signin(body) { return http.post("/users/signin", body); } signout() { return http.get("/users/signout")

2021-04-10 11:21:47 1075 1

原创 针对el-table中每一行的输入框进行表单验证(校验非空以及重复的值等)

针对el-table中每一行的输入框进行表单验证(校验非空以及重复的值等)最近遇到一个需求,针对于一个表格,可以点击增加按钮在表格插入输入框,输入相应的值点击确定以增加表格的一行,需要对表格里的输入框进行表单校验,以及确定的提交校验。大概效果图如下:具体思路:1、由于确定按钮的校验是针对每一行的表单,所以el-form的ref值需要为动态的值,每次确定的校验也只校验当前行的结果。2、对于是否存在重复的值的校验,需要将当前正处于编辑状态的行与其他的行数据进行匹配,所以在自定义的校验函数里需要传入当前行的

2021-03-05 21:11:25 14858 2

原创 ElementUI表格表头对角线的绘制

前端小白记录自己需求中奇奇怪怪的表格最近遇到的一个需求,需要绘制表格第一个表头的对角线。在网上搜了很多资料,都达不到自己的要求,于是在自己的一通骚操作下,终于实现此功能,具体方案记录如下:效果图具体思路:对角线直接采用定位加旋转的方法,旋转原点为表格左上角。第一个表头使用 slot=“header”插槽,使用两个标签加样式将文字分开。HTML代码结构: <div class="tableBox"> <el-table :data="listData" border

2020-10-13 21:33:39 3099 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除