Vue.js 2.0 v-model on ajax fetched data returns error

Question

I have been struggling with this for way too long now. Vue throws an error that name is not defined. It is not defined from start but ajaxed in when Vue is created.

clients.php

<input type="text" v-bind:value="customers[<? echo $this->client['id'];?>].name">

App data

var app = new Vue({
 el: '#app',
 data: {
    customers: {},
   }
})

app.js

created: function(){
  // fetches clients via AJAX and places them in customer object
    this.get_clients()
}

console error: TypeError: Cannot read property 'name' of undefined

AndersD · Accepted Answer · 2017-05-03 10:49:22Z

1

Well well well.. seems like i cracked it......

I have set a value: clients_loaded: false.

When ajax is succeded i set it to true.

In my .php file i can then do:

<template v-if="clients_loaded"> // do stuff </template>

answered May 3, 2017 at 10:49

AndersD

1268 bronze badges

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

Collectives™ on Stack Overflow

Vue.js 2.0 v-model on ajax fetched data returns error

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related