el-form

作者: 江南极客 | 来源:发表于2023-02-17 10:49 被阅读0次

    一、如果el-form-item中添加了required,验证规则中又添加了required,那么在手动删除输入框或者点击清空叉号删除内容后,会出现英文提示。

    只在el-form-item上设置required也会出现英文提示,只能在验证规则中使用required才能自定义中文提示。

    二、最后验证提交表单时,

    submit(formname){

    this.$refs[formName].validate((valid) => {

    console.log(valid)

    if (valid) {

       alert('submit!')

    //验证成功后执行的代码,要放在回调里面,因为回调是异步的,放在外面的代码会继续执行

        this.showKaika =false

        this.sendAuthCode()

    }else {

    console.log('error submit!!')

    return false

      }

    })}

    三、验证type是number时,必须添加v-model的number修饰符,保证是数字类型   v-model.number

    四、el-form想部分表单横排显示时可用el-row和el-col

    相关文章

      网友评论

          本文标题:el-form

          本文链接:https://www.haomeiwen.com/subject/pddpkdtx.html