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

Question

我想使用 bootstrap 显示警报的错误，我该如何使用 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

Answer 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>

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

Show errors with alerts with vuejs

javascript

frontend

vue.js

vuejs2