8man

8man

Member Since 11 Months Ago

Experience Points 50
Experience
Level
Lessons Completed 0
Lessons
Completed
Best Reply Awards 0
Best Answer
Awards
  • Start Your Engines Achievement

    Start Your Engines

    Earned once you have completed your first Laracasts lesson.

  • First Thousand Achievement

    First Thousand

    Earned once you have earned your first 1000 experience points.

  • One Year Member Achievement

    One Year Member

    Earned when you have been with Laracasts for 1 year.

  • Two Year Member Achievement

    Two Year Member

    Earned when you have been with Laracasts for 2 years.

  • Three Year Member Achievement

    Three Year Member

    Earned when you have been with Laracasts for 3 years.

  • Four Year Member Achievement

    Four Year Member

    Earned when you have been with Laracasts for 4 years.

  • Five Year Member Achievement

    Five Year Member

    Earned when you have been with Laracasts for 5 years.

  • School In Session Achievement

    School In Session

    Earned when at least one Laracasts series has been fully completed.

  • Welcome To The Community Achievement

    Welcome To The Community

    Earned after your first post on the Laracasts forum.

  • Full Time Learner Achievement

    Full Time Learner

    Earned once 100 Laracasts lessons have been completed.

  • Pay It Forward Achievement

    Pay It Forward

    Earned once you receive your first "Best Reply" award on the Laracasts forum.

  • Subscriber Achievement

    Subscriber

    Earned if you are a paying Laracasts subscriber.

  • Lifer Achievement

    Lifer

    Earned if you have a lifetime subscription to Laracasts.

  • Laracasts Evangelist Achievement

    Laracasts Evangelist

    Earned if you share a link to Laracasts on social media. Please email [email protected] with your username and post URL to be awarded this badge.

  • Chatty Cathy Achievement

    Chatty Cathy

    Earned once you have achieved 500 forum replies.

  • Laracasts Veteran Achievement

    Laracasts Veteran

    Earned once your experience points passes 100,000.

  • Ten Thousand Strong Achievement

    Ten Thousand Strong

    Earned once your experience points hits 10,000.

  • Laracasts Master Achievement

    Laracasts Master

    Earned once 1000 Laracasts lessons have been completed.

  • Laracasts Tutor Achievement

    Laracasts Tutor

    Earned once your "Best Reply" award count is 100 or more.

  • Laracasts Sensei Achievement

    Laracasts Sensei

    Earned once your experience points passes 1 million.

  • Top 50 Achievement

    Top 50

    Earned once your experience points ranks in the top 50 of all Laracasts users.

11 Jan
11 months ago

8man started a new conversation Laravel: Uncaught TypeError

Hello, I followed this tutorial and created a add, edit, and delete app with laravel, all of them are fine except add. When i add a item for the first time it gets added but when i add a second item these error appears:

Uncaught TypeError: Cannot use 'in' operator to search for 'name' in at Proxy.set (app.js:2098) at input (app.js:43616) at invoker (app.js:3062) at HTMLInputElement.fn._withTask.fn._withTask (app.js:2860) 3app.js:2098 Uncaught TypeError: Cannot use 'in' operator to search for 'number' in at Proxy.set (app.js:2098) at input (app.js:43651) at invoker (app.js:3062) at HTMLInputElement.fn._withTask.fn._withTask (app.js:2860) 10app.js:2098 Uncaught TypeError: Cannot use 'in' operator to search for 'name' in at Proxy.set (app.js:2098) at input (app.js:43616) at invoker (app.js:3062) at HTMLInputElement.fn._withTask.fn._withTask (app.js:2860) 17app.js:2098 Uncaught TypeError: Cannot use 'in' operator to search for 'email' in at Proxy.set (app.js:2098) at input (app.js:43686) at invoker (app.js:3062) at HTMLInputElement.fn._withTask.fn._withTask (app.js:2860) phonebook Failed to load resource: the server responded with a status of 422 (Unprocessable Entity)

Here is the code for adding a item:

Add New Entry

<section class="modal-card-body">
  <div class="field">
    <label class="label">Name</label>
      <div class="control">
        <input class="input" :class="{'is-danger':errors.name}" type="text" placeholder="Name" v-model="list.name">
      </div>
      <small v-if="errors.name" class="has-text-danger">{{ errors.name[0] }}</small>
  </div>

  <div class="field">
    <label class="label">Number</label>
      <div class="control">
        <input class="input" :class="{'is-danger':errors.number}" type="number" placeholder="Number" v-model="list.number">
      </div>
      <small v-if="errors.name" class="has-text-danger">{{ errors.number[0] }}</small>
  </div>

  <div class="field">
    <label class="label">Email</label>
      <div class="control">
        <input class="input" :class="{'is-danger':errors.email}" type="email" placeholder="Email" v-model="list.email">
      </div>
      <small v-if="errors.name" class="has-text-danger">{{ errors.email[0] }}</small>
  </div>

</section>
<footer class="modal-card-foot">
  <button class="button is-success" @click='save'>Save</button>
  <button class="button" @click='close'>Cancel</button>
</footer>
export default{ props:['openmodal'], data(){ return{ list:{ name:'', number:'', email:'' }, errors:{} } }, methods:{ close(){ this.$emit('closeRequest') }, save(){ axios.post('/phonebook',this.$data.list).then((response)=> { this.close() this.$parent.lists.push(response.data) this.$parent.lists.sort(function(a,b){ if(a.name > b.name) { return 1; }else if(a.name < b.name){ return -1; } }) this.list = "" }) .catch((error) => this.errors = error.response.data.errors) } } }