el-form表单验证跳过指定项的验证

最新推荐文章于 2023-09-25 13:40:37 发布

原创最新推荐文章于 2023-09-25 13:40:37 发布 · 2.4k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

vue

当前文章被收录于：

vue

57 篇文章 0 人学习

订阅专栏查看详情

element

当前文章被收录于：

element

35 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍如何在Vue项目中，根据不同场景（如企业或个人表单）动态切换表单校验规则，通过控制isView变量实现校验逻辑的启用与禁用。

由于我项目的原因,企业和个人个表单不一样,通过给isView的true和false来控制
在这里插入图片描述
首先企业默认的是true,所以可以在created里面判断

 created() {
    if (this.isView) {
      // 个人表单校验失效
      this.rules.personName[0].required = false
      // 或者这样写也可以
      this.$refs['formName'].clearValidate('xxx')
    }
  },

然后再在methods方法里面点击了企业个人表单按钮时再判断

 handelPerson() {
      this.isView = false
      if (!this.isView) {
        // 企业表单校验失效
        this.rules.pwuName[0].required = false
         this.rules.personName[0].required = true
      // 或者这样写也可以
      this.$refs['formName'].clearValidate('xxx')
      }
    },

标签

#javascript #html