vue.js - Vue更新变量并在另一个组件中刷新？

Question

我有表单组件，在捕获部分我将错误推送到我的 StatusBar 组件：

}).catch(error => {
     StatusBar.methods.handleErrors(error.response.data)
})

在我的 StatusBar 组件中，我想显示以下错误：

handleErrors(newErrors) {
       this.errors = [];

       if (newErrors.errors) {
          for (var i in newErrors.errors) {
              this.errors.push(newErrors.errors[i][0]);
          }
       }
}

我尝试在视图区域添加： <div class="alert alert-danger" v-for="error in this.errors">{{ error }}</div>

问题出在控制台输出中，我看到了正确的结果，但在视图区域中没有任何更新。我也尝试过，v-model但没有任何更新。

如何自动从循环推送结果/更新到警报？

标签： vue.jsvuejs2vue-component