vee_validate,中的confirmed 规则为什么不能自动消失呢?

  1. vue.js 开发的项目中使用了vee-validate,确认密码相同的时候使用了confirmed ,但是现在是不能正常的使用
    代码:

<span>新密码:</span>

  <div class="password">
    <input
    placeholder="请输入新密码"
    type="password"
    name="pwdnew"
    maxlength="20"
    autocomplete="off"
    v-validate="'required|min:9|max:20|alpha_num'"
  :class="{ 'is-danger-input': errors.has('pwdnew')}"
    v-model="mfyCpyUserData.userLoginPwdBefore"></div>
    <span v-show="errors.has('pwdnew')" class="help is-danger">请输入9-20                        位新密码(含有字母数字)</span>

<span>再次输入新密码:</span>
<div class="password">

 <input
placeholder="请输入新密码"
type="password"
name="pwdnewagin"
maxlength="20"
autocomplete="off"
v-validate="'confirmed: pwdnew'"

:class="{ 'is-danger-input': errors.has('pwdnewagin')}"

v-model="userLoginPwdAgain"></div>
 <span v-show="errors.has('pwdnewagin')" class="help is-danger">请两次密码输入一致</span>
        
        
 为什么两次密码输入一致后,为什么提示不消失啊
阅读 5.4k
6 个回答

我大概知道,就是你要把confirmed 加在新密码输入框上,而不是重复输入密码的输入框

v-validate="'confirmed: pwdnew'"
confirmed:pwdnew 去掉空格

新手上路,请多包涵

v-validate="'confirmed: pwdnew'" confirmed:pwdnew 去掉空格,确实如此,我已经用了

我使用confirmed之后就算值相同也出现报错信息,很奇怪

新手上路,请多包涵

根据官网介绍,input元素需要加入ref="xxx" 属性
clipboard.png

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题