Question

当我在vuejs中出错时，我尝试在表单中添加一个类“ shake”。

<el-form :class="{ 'anim-shake': has_error } ref="form" :label-width="0" label-position="top" @keyup.enter.native="login" method="post" label-width="120px">
  <el-form-item>
    <el-input placeholder="Adresse e-mail" id="email" type="email" v-model="email" required></el-input>
  </el-form-item>
  <el-form-item class="login__password">
    <el-input placeholder="Entrez votre mot de passe" id="password" v-model="password" required show-password></el-input>
  </el-form-item>
  <el-form-item>
    <el-button type="primary" plain @click.prevent="login" class="btn btn-default">Connexion</el-button>
</el-form-item>

我使用：:class="{ 'anim-shake': has_error }

当我的表单中有错误时，数据has_error变为true。并且添加了震动类。

震动类使块移动。

由于已经添加了该类并且数据has_error为true，所以当我再次提交表单时出现错误时，动画将不再起作用。

为此，应该删除该类并将其添加到每个表单提交中，但是我不知道如何。

你有个主意吗？

谢谢

如果有错误，请添加课程；如果有新错误，请重新运行课程

0 个答案: