使用 vuejs 显示带有警报的错误

Posted 2023-02-16

【中文标题】使用 vuejs 显示带有警报的错误

【英文标题】：Show errors with alerts with vuejs

【发布时间】：2022-01-18 14:55:58

【问题描述】：

我想使用引导程序显示警报错误，如何使用 vuejs？

这是我的代码：

<div v-if="this.getError">
      <div v-for="(_errors, key) in this.getError">
        <p>key.replace('contract_data.','')</p>
        <ul>
          <li v-for="error in _errors">error</li>
        </ul>
      </div>
    </div>

这是 Json ： https://i.stack.imgur.com/AkBmJ.png

【问题讨论】：

欢迎加入我们的社区，请注意没有人知道您的项目，请包括您已经尝试过的所有内容，以及您的 api 调用，您遇到什么错误，所有信息将不胜感激跨度>

【参考方案1】：

尝试删除模板中的“this”关键字。它会导致一些问题，特别是 v-for 循环。

<div v-if="getError">
      <div v-for="(_errors, key) in getError">
        <p>key.replace('contract_data.','')</p>
        <ul>
          <li v-for="error in _errors">error</li>
        </ul>
      </div>
    </div>