vue element自定义表单验证请求后端接口验证
更新时间：2019年12月11日 09:35:05 作者：sunshine1213
这篇文章主要介绍了vue element自定义表单验证请求后端接口验证，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
做vue项目的时候遇到了一个需求，在验证某个表单项时不仅需要是必填项而且要去通过接口校验是否有重复值。
template
<el-form-item label="账户" prop="userid"> <el-input v-model="addForm.userid"></el-input> </el-form-item>
引入接口
import { checkUseridRepeat } from '@/api/user'
校验
data: () => {
var validateUserid = (rule, value, callback) => {
if (value === '') {
callback(new Error('必填'))
} else {
checkUseridRepeat().then(response => {
if ( response.code === '1') {
callback(new Error('已经存在，不能重复'))
}
})
}
}
return {
addrules: { // 新增表单校验
userid: [
{ required: true, validator: validateUserid, trigger: 'blur' }
],
},
}
},
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了vue3中的伸缩菜单组件，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-01-01
这篇文章主要介绍了vue中父子组件注意事项,传值及slot应用技巧,非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下2018-05-05
本篇文章主要介绍了浅谈在vue项目中如何定义全局变量和全局函数，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-10-10
本文通过实例代码给大家讲解vue.js树形组件之删除双击增加分支功能，非常不错，具有参考借鉴价值，需要的的朋友参考下2017-02-02
这篇文章主要给大家介绍了关于vue中watch和computed区别的相关资料,computed和watch都是vue框架中的用于监听数据变化的属性,文中通过代码介绍的非常详细,需要的朋友可以参考下2023-11-11
本文深入分析了副作用的实现以及执行时机，并详细分析了用于存储副作用函数的targetMap的数据结构及其实现原理，还深入分析了依赖收集track函数以及派发更新 trigger 函数的实现,需要的朋友可以参考下2022-08-08
本文主要对介绍利用Vue.js 的递归组件，实现了一个最基本的树形菜单。具有很好的参考价值，下面就跟着小编一起来看下吧2016-12-12
Vuex 在Vue 组件中获得Vuex 状态state的方法
今天小编就为大家分享一篇Vuex 在Vue 组件中获得Vuex 状态state的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
这篇文章主要为大家详细介绍了vue实现鼠标经过显示悬浮框效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
这篇文章主要介绍了基于vue实现图片验证码倒计时60s功能,本文通过截图实例代码的形式给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2019-12-12
最新评论