すべてのVuejsのデータを変更

Question

これに問題があります。ajaxのtotalUserPostsが返された後にゼロが返されます。

new Vue({ 
el: "#app", 
data: { 
    totalUserPosts:0, 
}, 
methods:{ 
    getPostsAjax() { 
    $.ajax({ 
     url:url, 
     type: 'get', 
     cache: false, 
     dataType: "json", 
     data:{ 
     limit: this.limit, 
     id: this.vue_profile_id 
     } 
    }).done((data) => { 
    this.userPosts = data.posts; 
    this.totalUserPosts = data.total 
    }.bind(this)) 
}, 
getUserPosts() { 
    this.getPostsAjax() 
    $(window).scroll(() => { 
    if($(window).scrollTop() + $(window).height() > $(document).height() - 150) { 
     console.log(this.totalUserPosts) 
    } 
    }) 
} 
}) 

は、私はあなたのAjaxの機能が戻る前にスクロールを呼んでいる

Answer 1

後に行われ、AJAXリクエストが私を助けてくださいtotalUserPostsを変更します。スクロール機能をajaxリクエストのコールバック関数に含める必要があります。

new Vue({ 
    el: "#app", 
    data: { 
     totalUserPosts:0, 
    }, 
    methods:{ 
     getPostsAjax() { 
     $.ajax({ 
      url:url, 
      type: 'get', 
      cache: false, 
      dataType: "json", 
      data:{ 
      limit: this.limit, 
      id: this.vue_profile_id 
      } 
     }).done(this.getUserPosts) 
     }, 
     getUserPosts (data) { 
      this.userPosts = data.posts 
      this.totalUserPosts = data.total 
      $(window).scroll(() => { 
      if($(window).scrollTop() + $(window).height() > $(document).height() - 150) { 
      console.log(this.totalUserPosts) 
      } 
      }) 
     } 
     }, 
     ready() { 
     this.getPostsAjax(); 
     } 
    })