How to use vue js without declared key data on init

Question

I use jquery for communication data with api rest.And use vue js for rendering data to my template, but i have error.

[Vue warn]: Error in render function: "TypeError: Cannot read property 'first_name' of undefined"

This my code :

var dashboard = new Vue({
  el: '#dashboard',
  data:{
    profile: {}
  }
});
axios.get(url_profile, { headers: {"Authorization": "JWT " + token} })
    .then(function(res){
        dashboard.$data.profile = res.data;
    })
    .catch(function(err){
        toastr.err(err);
    });

Thanks.

Please make sure your question includes a minimal reproducible example. — evolutionxbox
– evolutionxbox, Commented Oct 11, 2017 at 9:37

tony19 · Accepted Answer · 2022-07-15 01:28:12Z

5

https://v2.vuejs.org/v2/guide/instance.html#Data-and-Methods

If you know you’ll need a property later, but it starts out empty or non-existent, you’ll need to set some initial value. For example:

data: {
  newTodoText: '',
  visitCount: 0,
  hideCompletedTodos: false,
  todos: [],
  error: null
}

edited Jul 15, 2022 at 1:28

tony19

140k24 gold badges281 silver badges354 bronze badges

answered Oct 11, 2017 at 9:44

Bsalex

2,9701 gold badge18 silver badges22 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Komang Suryadana Over a year ago

you can help me with full example, i dont understand. I add el: '#dashboard', data:{ profile: Object, newTodoText: '', visitCount: 0, hideCompletedTodos: false, todos: [], error: null } still error :(

Collectives™ on Stack Overflow

How to use vue js without declared key data on init

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related