Vue 中 validator清除 提示信息 错误

Question

我先上图，说明下问题吧

正常情况下，第一次加载，正常，如下图

点击忘记密码，邮箱修改密码，也正常，如下图

这时候，如果我再点回去......问题来了

我采用的是Iview form表单的例子

表单部分代码如下,注，这是在同一个vue组件中，希望能有基于此条件的解决方法

<i-form ref="password" :model="updateInfo" label-position="left" :label-width="150" :rules="update_pw_rules">
    <a style="font-size: 16px" @click="change_update_way('password')">忘记密码？邮箱修改密码 >></a>
</i-form>

<i-form ref="email" label-position="left" :label-width="150" :rules="update_pw_rules">
     <a style="font-size: 16px" @click="change_update_way('email')">记得密码，通过旧密码修改 >></a>
</i-form>

//切换修改密码的方式
          change_update_way(name){
            this.$refs[name].resetFields();
            if (this.update_way === 'password'){
              this.update_way = 'email';
            }else {
              this.update_way = 'password';
            }
          }

我是真不晓得这个该怎么解........新手一脸懵逼

Answer 1

email_new_pw未定义，定位你在那里用到这个变量或属性。

Answer 2

email_new_pw在html用到了，但是没在data中定义导致报错