VueJS显示服务器错误laravel

Question

我正在尝试在laravel中使用vue js来显示错误。我正在关注可以在此处查看的教程：https://www.laracasts.com/series/learn-vue-2-step-by-step/episodes/19

这是用于获取错误的代码的摘要。当错误类在对象中没有值时，代码错误。如果错误没有值，则if语句应防止返回任何值，尽管如此，代码仍然会出错。

这是错误消息：TypeError：无法读取未定义的属性“ 0”

get(field) {
  if (this.errors[field]) { //line that's causing the problem 
        return this.errors[field][0];
    }
}

这是整个vue.js文件

console.log('running');

window.Vue = Vue;

class Errors {

constructor() {
    this.errors = {};
}

get(field) {
    if (this.errors[field]) {
        return this.errors[field][0];
    }
}

record(errors) {
    this.errors = errors;
}
}

var venue = new Vue({
el: '#venueVue',

data: {
   errors: new Errors(),
   name: '',

},

methods: {
    onSubmit() {
       axios.post('/venue/', {
           name: this.name,

       })
           .then(response => alert('success'))
           .catch(error => this.errors.record(error.response.data.errors));
    }
}
});

这是html

 <span class="alert alert-danger" v-text="errors.get('name')"></span>