- 博客(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关注的人