尝试抓住 v 如果

Question

我有一个 v-if 在 HTML

中显示错误消息

    <div id="error" v-if="showError">Error User or Password</div>

  data() {
    return {
      showError: false,
};}

如果我在数据中设置 showError: true 它就会出现。

但是当我在 catch 中调用它时：

  catch (error) {
    alert('Usuário ou senha inválidos')

  }

alert 工作正常，但如果我发送

showError = true

或

showError: true;

不出现HTML(v-if)

中的错误信息

我该怎么做？

Answer 1

您需要将成员设置为true，然后稍等片刻再设置为false。像这样：

this.showError = true;
setTimeout(() => {
    this.showError = false;
}, 1000);

Try catch on v if