Uncaught TypeError: Cannot read property 'push' of undefined at Object.success

Question

im working with vuejs2 and laravel i have this vuejs2 code

var path = '/project/public/';
new Vue({
el:'#users',
data:{
    message:'',
    test: [1,2,3],  
},
methods:{
    searchData: _.debounce(function(){
        if(this.message != '')
        {
            $.ajax({
                type:'POST',
                url: path+'usersearch',
                data: {data:this.message},
                success:function(data)
                {
                    console.log(data[0]['id']);
                      this.test.push(4)
                },
                error:function()
                {
                    console.log("error");
                }
            });
        }
    },1000)
}
})

also i have this html code

<tr>
    <td v-for='test in test'>@{{test}}</td>
</tr>

its working when there is no request send and showing me in the html 1 2 3 but when i have request back this code only working fine

console.log(data[0]['id']);

but this one

this.test.push(4)

send me back this error

Uncaught TypeError: Cannot read property 'push' of undefined     at Object.success

how can i add something to vuejs2 array thanks

Use an arrow function or `bind`. – Andrew Li Dec 16 '17 at 20:48 — Andrew Li, Dec 16 '17 at 20:48
could you wright the full code please – Awar Pulldozer Dec 16 '17 at 20:49 — Awar Pulldozer, Dec 16 '17 at 20:49
`success: (data) => { … }` – Andrew Li Dec 16 '17 at 20:50 — Andrew Li, Dec 16 '17 at 20:50

Sajeetharan · Accepted Answer · 2017-12-16T20:51:53.433

0

You need to initialize it to empty array before pushing objects,

  this.test = [];

EDIT

When using arrow function, the this property is not overwritten and still references the component instance.

 success:(data) => {
    console.log(data[0]['id']);
    this.test.push(4)
 }

edited Dec 16 '17 at 20:51

answered Dec 16 '17 at 20:47

Sajeetharan

216,225
63
350
396

i have the same error – Awar Pulldozer Dec 16 '17 at 20:48
1

This is wrong. `test: [1, 2, 3]` -- it's already initialized. – Andrew Li Dec 16 '17 at 20:49
1

@Li357 yes corrected – Sajeetharan Dec 16 '17 at 20:52
i need to push data to the array test using vuejs2 its dos not matter if there data inside the array or not – Awar Pulldozer Dec 16 '17 at 20:53
its worked thanks alot – Awar Pulldozer Dec 16 '17 at 20:54
1

@AwarPulldozer cool! initially i did not realize its vue. – Sajeetharan Dec 16 '17 at 20:55
1

@Sajeetharan Yes, but you initially had the wrong answer. It would be best if at this point you just use your gold badge to mark it as duplicate – Andrew Li Dec 16 '17 at 20:55

Uncaught TypeError: Cannot read property 'push' of undefined at Object.success

1 Answers1