当前位置: article > 正文

解决 el-form 异步校验导致重复校验的问题_el-form validate验证有异步验证时怎么处理

作者：繁依Fanyi0 | 2024-02-19 05:25:38

踩

el-form validate验证有异步验证时怎么处理

最近项目上有个业务，确认表单，需要用到手机验证码，验证是否为本人操作。这挺常见的，但是需要用户填写完，输入框失去焦点时就将验证码发送后台进行验证，而且验证码只能输一次。

若用户输入完验证码后，鼠标焦点并未离开，直接点击确认的话，因为 validator 异步的关系，鼠标离开焦点触发一次校验，确认也触发一次校验，导致重复校验，用户体验极差

用watch 动态监听 form 表单里验证码输入框的值，并进行相应判断，输入长度为6时自动触发验证

<template>
	<el-form ref="form" :model="form" :rules="rules" label-width="160px" label-suffix=" :">
		<el-form-item label="手机验证码" prop=</1
2

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/繁依Fanyi0/article/detail/112895