el-form表单添加自定义验证

论坛 期权论坛 脚本     
匿名技术用户   2021-1-3 13:28   488   0

添加表单el-form

必不可少的字段: :model、ref、:rules 还有表单项里的prop

最后添加一个确定按钮和一个取消按钮,取消按钮的cancel功能是点击取消按钮及时清除验证信息

在data() {}里面添加验证 规则

在data的return里面引用验证规则

在确定按钮里面使用验证

saveAdd: function() {
      this.$refs['addForm'].validate((valid) => {
        if (valid) {
            alert('valid)
        } else {
            alert('disvalid')
        }
      })
}

在取消按钮添加代码清除提示信息

cancel: function(formName) {
      this.$refs[formName].clearValidate()
    }

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:7942463
帖子:1588486
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP