Vue.js [Vue warn]：渲染时出错：“Vue warn”；TypeError:无法读取属性'；名称'；“未定义”的定义；

我不明白为什么会出现这个错误

另一个错误是：

TypeError:无法读取未定义的属性“name”

这是我的Vue文件：

<v-text-field 
      label="Name *" 
      type="text"
      v-model="form.name"
      required
  >
</v-text-field>

<div v-if="errors.name">
     <span class="red--text">{{ errors.name[0] }}</span>
</div>
</v-text-field>

---

在error对象中，没有“name”这样的属性，这就是为什么在渲染时给u错误的原因。 也可以在html部分执行此操作->v-if=“errors.name！=”“

请将数据属性更改为-

export default{
  data() {
    return {
      form: {
        name: ''
      }, 
      errors: {name:''}
    }
  },

  methods: {
    signup(){
      axios
        .post('/api/auth/signup', this.form)
        .then(result => console.log(result.data))
        .catch(err => this.errors.name = err.response.data.errors)
    }
  }

---

}

在error对象中没有“name”这样的属性，这就是为什么在渲染时会给你错误。 也可以在html部分执行此操作->v-if=“errors.name！=”“

请将数据属性更改为-

export default{
  data() {
    return {
      form: {
        name: ''
      }, 
      errors: {name:''}
    }
  },

  methods: {
    signup(){
      axios
        .post('/api/auth/signup', this.form)
        .then(result => console.log(result.data))
        .catch(err => this.errors.name = err.response.data.errors)
    }
  }

---

}

您能否共享一个错误响应。响应可能没有错误键，这可能是导致错误的原因。此错误何时显示？一旦挂载或在

signup（）

？POST 500（内部服务器错误）之后，当我单击submit按钮时，它就会发出此错误。您可以共享错误响应吗。响应可能没有错误键，这可能是导致错误的原因。此错误何时显示？当我点击submit（提交）按钮时，一旦挂载或在

注册（）

？POST 500（内部服务器错误）之后，它就会给出此错误。这不是确切的问题。表达式

{{errors.name[0]}

由

v-if

保护。这不是确切的问题。表达式

{{errors.name[0]}

由

v-if

保护。