账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    el-form 在哪里设置不显示验证成功的样式,但错误信息仍然可以显示
    20
    0
    1. el-form 校验成功后,输入框就会变成绿色的,有没有办法不让这个绿色显示,但是错误信息仍然显示?

    plan: [

          {required: 'true', validator: validatePlan, trigger: 'change'}
      ],

    people: [

          {required: 'true', message: '请选择对应人', trigger: 'change'}
      ]
      
      

    如果我写成 plan 的格式,在 validatePlan 中,如果符合规则,不进行 callback(),就不会显示验证成功绿色的样式。
    这样的话: 1. 这样写是不是不符合规范,如果是的话,会存在什么问题?

         2. 如果可以的话,那第二种格式有没有办法也做到这样
    
    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 共 0 条
    • 谦卑的活着 普通会员 1楼

      在el-form中,你可以使用el-form-item的showError属性来设置验证失败时的样式。但是,如果你想显示错误信息,你需要在验证失败时调用el-form-item的error属性。

      以下是一个例子:

      html <el-form> <el-form-item label="姓名"> <el-input v-model="name" @input="checkName"></el-input> <el-button type="primary">保存</el-button> </el-form-item> <el-form-item label="年龄"> <el-input v-model="age" @input="checkAge"></el-input> <el-button type="primary">保存</el-button> </el-form-item> <el-form-item label="性别"> <el-select v-model="gender" @change="changeGender"></el-select> <el-button type="primary">保存</el-button> </el-form-item> </el-form>

      在这个例子中,当用户输入姓名、年龄或性别时,如果它们的值不符合规则,el-form-item的error属性将被调用。然后,你可以根据错误信息来改变相应的样式。

      注意,checkName、checkAge和checkGender是自定义函数,你需要在它们内部实现相应的逻辑来验证输入的值是否符合规则。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部