- 博客(4)
- 收藏
- 关注
原创 解决vue页面表单校验不生效,一直不消失的问题
今天写个Vue页面,这个校验真的是绝了,两个下拉选择的输入框,一样的写法,一个选择后校验提醒会消失,另一个一直不消失,我用表单校验方法在属性更新后单独校验,这个提示还是不消失,然后我把他俩的位置换了一下,发现就那个位置的表单项校验有问题,真的是离谱。后来看文档,翻百度,发现这是vue为了提高性能去复用相同组件导致的,所以需要给每个表单项一个唯一标识的key,让vue对它们单独操作,如下图所示。这样就完美解决了,救命,被这个校验折磨了俩小时!
2024-01-18 19:41:45
1223
原创 解决vue页面有多个<el-date-picker>时点击日期没有反应的问题
今天写个页面要根据不同的角色显示不同的内容,于是乎用了多个if来控制页面,导致同一个页面还写了多个时间选择器,然后其中一个就不生效了,点击之后没有反应,选择器页面的日期也不更新,最后百度尝试了很多方法,记录一个最简单有效的,直接在属性里添加强制刷新!
2024-01-18 19:32:40
1312
原创 el-input限制输入11位数字,且展示数字位数限制,没有数字大小调整按钮
发现把类型设置为type="number"后,会出现按鼠标上键数字变大的情况,而且还有一个讨厌 的数字增减图标。又在网上搜索取消这个增减图标,有人通过改样式取消,可是后面的数字限制也不见了,于是乎自己通过@input组件方法,使用正则表达式对输入的字符串进行判断,截取获得仅为数字的部分。这个判断循环可能有点耗费性能,但是,功能完美完成。有个需求是限制用户输入11位手机号码,且展示位数限制。
2024-01-17 18:42:39
947
1
原创 vue-<element-input>输入的空格和换行进行保存显示,编辑回显时将<br>替换为换行符
一.应用情景,输入框列可以进行编辑,用户编辑时可以输入空格以及换行,保存后的格式与用户输入格式相同,再次编辑时也是之前会显的格式。1.给<element-input>设置样式<element-input type="textarea">// 编辑回显之前,对之前保存的字符串使用 removeBr()处理,让<br>变成换行。回显时利用正则表达式将<br>和 替换为正常的换行和空格。
2023-09-21 17:53:16
2712
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人