vue3前端开发-小兔鲜项目-form表单的统一校验

vue3前端开发-小兔鲜项目-form表单的统一校验!实际上,为了安全起见,用户输入的表单信息,要满足我们的业务需求,参数类型等种种标准之后,才会允许用户向服务器发送登录请求。为此,有必要进行一次form表单的全局校验。也为后面的是否发送登录业务请求作为判定依据。


1:使用钩子函数,ref.获取到form的表单对象。

之前我分享的内容文章里介绍过这个ref是一个钩子函数,用它,可以获取到标签对象的内容。

2:给登录按钮绑定一个函数:doLogin

内容比较简单,看代码就懂了。


复制代码
//form实例对象的统一校验,
const formRef = ref(null)
const doLogin = ()=>{
    //调用实例方法
    formRef.value.validate((valid)=>{
        console.log(valid)
    })
}

有了这个基础数据,我们后面就可以写登录发送请求的判定逻辑了。

相关推荐
PeterJXL11 分钟前
Chrome 下载文件时总是提示“已阻止不安全的下载”的解决方案
前端·chrome·安全
hackchen29 分钟前
从0到1解锁Element-Plus组件二次封装El-Dialog动态调用
前端·vue.js·elementui
用户75794199497029 分钟前
Vue响应式原理推导过程
vue.js·响应式设计
君子宜耘心30 分钟前
el-table虚拟列表封装
前端
黄瓜沾糖吃33 分钟前
大佬们指点一下倒计时有什么问题吗?
前端·javascript
温轻舟33 分钟前
3D词云图
前端·javascript·3d·交互·词云图·温轻舟
buibui34 分钟前
打包一个工具类
前端
巴别塔的饿灵36 分钟前
Webpack[TBC]
前端
LinHan36 分钟前
我的浏览器插件 Horizon-Hop 又又又更新啦!
前端
一个小潘桃鸭37 分钟前
需求:el-upload实现上传/粘贴图片功能
前端