vue3.0 antdesginVue 表单点击提交时校验表单

造梦者FZ

已于 2023-04-18 09:31:50 修改

阅读量1.5k

点赞数

分类专栏： vue 文章标签： javascript 前端 vue.js

于 2022-10-19 15:24:17 首次发布

本文链接：https://blog.csdn.net/qq_43923146/article/details/127408837

版权

vue 专栏收录该内容

80 篇文章 5 订阅

订阅专栏

vue3.0 antdesginVue 表单点击提交时校验表单

在这里插入图片描述

 <a-form
    ref="formRef"
    :model="formState"
    :rules="rules"
    :label-col="{ span: 5 }"
    :wrapper-col="{ span: 17 }"
  >
   </a-form>

 const formRef = ref();



 // 点击确定
    async function submit() { 
      // 表单校验
      const form = unref(formRef);
      if (!form) return;
      const valid = await form.validate();
      if (!valid) return;
      //这里写请求.....
    }