2016-08-27 32 views
0

これはVueコンポーネント(Users.vue)にあります。 fetchUsers-functionは呼び出されますが、コールバック関数は呼び出されません。私は.error() - funcをつけようとしましたが、私はthis.$http.get(...).error is not a functionのエラーを受け取ります。Httpコールバックは決して呼び出されません、Vue Laravel

<template> 
    <div class="panel panel-default"> 
     <div class="panel-heading">Användare</div> 

     <div class="panel-body"> 
      <table class="table"> 
       <thead> 
        <tr> 
         <th>#</th> 
         <th>Name</th> 
         <th>Email</th> 
        </tr> 
       </thead> 
       <tbody> 
        <tr v-for="user in users"> 
         <td>{{ id }}</td> 
         <td>{{ name }}</td> 
         <td>{{ email }}</td> 
        </tr> 
       </tbody> 
      </table> 
     </div> 
    </div> 
</template> 

<script> 
    export default { 

     name: "Users", 

     ready() { 
      console.log('Component ready.') 

      this.fetchUsers(); 
     }, 

     methods: { 
      fetchUsers: function() { 
       console.log("Fetching users..."); 

       this.$http.get('/api/user', (data) => { 
        this.$set("users", data); 
       }); 
      } 
     } 
    } 
</script> 

私はVue.jsに同梱されているLaravelのフレームワークを使用します。どのように動作するのか分かりませんが、コンポーネントがWebブラウザに表示され、このコードからコンソールに出力されます。

答えて

1

私は

<script src="https://cdn.jsdelivr.net/vue.resource/0.9.3/vue-resource.min.js"></script> 

this.$http.get('/api/user', (data) => { 
    this.$set("users", data); 
}, (error) => { 
    console.log(error)//check errors 
}); 

か、あなたの答えのために、この

this.$http.get('/api/user').then((data) => { 
    this.$set("users", data); 
}, (error) => { 
    console.log(error)//check errors 
}); 
+0

ありがとうを試してみてくださいを追加してみてください、あなたはVUE-リソースを追加する必要があると考えています。 vue-resourceは既にpackage.jsonに含まれており、エリクシルのwebpackでアプリケーションに混在していると私は信じています。それ以外の場合は、取得方法自体に不満があると思うでしょう –

+0

エラーを印刷してみてください –

+0

そのエラー(バックエンドの問題)に問題がありました。ありがとうございました! –

関連する問題