el-form只校验表单其中一个字段

最新推荐文章于 2024-03-18 23:04:35 发布

前端小云儿

最新推荐文章于 2024-03-18 23:04:35 发布

阅读量705

点赞数

分类专栏：前端静态页面以及逻辑文章标签：前端 javascript vue.js

本文链接：https://blog.csdn.net/jieweiwujie/article/details/134470072

版权

前端静态页面以及逻辑专栏收录该内容

117 篇文章 13 订阅 ¥9.90 ¥199.90

订阅专栏

超级会员免费看

<template>
  <div>
    <H2>el-form只校验表单其中一个字段 </H2>
    <h3>
      在一些用户注册场景中，提交整个表单前有时候我们会做一些单独字段的校验，例如发送手机验证码，发送时我们只需要校验手机号码这个字段，可以这样做
    </h3>
  </div>
</template>
<script>
export default {
  components: {},
  props: {},
  data() {
    return {};
  },
  mounted() {},
  methods: {
    getSumreduce() {
      //写一个参数在这里，只校验某一个参数
      this.$refs["form"].validateField("mobile", (valid) => {
        if (valid) {
          console.log("success");
        }
      });
    },
    //弹窗重新打开时表单上次的校验信息未清除
    onClose() {
      this.$refs["form"].resetFields();
    },
  },
};
</script>

<style scoped lang="scss"></style>

<style></style>