前端学习记录
!)>_<)!
say: hello
展开
-
多个form表单校验
多个form表单校验场景:根据条件不同,在同一个页面中出现多个不同from时的校验以及数据的提交解决办法:分别校验表单,每个表单校通过后 将表单多合一提交校验表单部分: /** 校验表单 **/ formValidate(formRefs){ let objectList = []; let results = formRefs.map(formRef => new Promise((resolve, reject) => { f原创 2022-04-28 15:12:39 · 2006 阅读 · 1 评论 -
vue element 表格错位
vue element 表格发生错位对不齐的问题在做vue element 表格的时候,页面展示上发现列表对不齐,在网上搜索了很多解决方法,发现一个好用的解决方法:<style scoped>/deep/ .el-table th.gutter{ /* * 解决element-ui 表格篡位的问题 ???? */ display: table-cell!important;}</style>将这段代码放在入口文件App.vue 中,成功解决了问题,但是原原创 2021-07-10 16:59:56 · 483 阅读 · 0 评论 -
多次点击提交按钮导致多次请求问题
多次点击提交按钮导致多次请求问题问题描述:在表单数据填写完毕后,快速的点及提交按钮,会发现出现多次重复提交的情况,网上有很多解决方法,例如添加按钮的disable属性,通过返回状态码来控制button的状态,以此防止重复点击:<el-button type="primary" @click="submitForm" disable="disable">确 定</el-button>但是经过实际测试发现,快速点击任然可以多次提交,没有解决问题。所以不得不思考别的解决方法。解原创 2021-07-10 17:33:36 · 1013 阅读 · 0 评论 -
正则表达式限制VUE input只能输入正整数
正则表达式限制VUE input只能输入正整数在vue input 输入框的实际应用中,好多地方都需要限制其输入的内容。正则表达式在我们进行输入是即可对输入内容做一个限制,后期校验也更加方便。就像一些数量必须是正整数的,直接使用正则表达式更加方便: oninput="value=value.replace(/^(0+)|[^\d]+/g,'')"这个正则就能限制其只输入正整数!...原创 2021-07-30 15:49:56 · 3530 阅读 · 3 评论 -
css前端学习记录
1、盒模型CSS 盒子模型(Box Model)所有HTML元素可以看作盒子,在CSS中,"box model"这一术语是用来设计和布局时使用。CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。下面的图片说明了盒子模型(Box Model):CSS box-model不同部分的说明:Margin(外边距) - 清除边框外的区域,外边距是透明的。Border(边框) - 围绕在内边距和内容外原创 2022-01-04 16:30:54 · 125 阅读 · 0 评论