i am able to see all the data after posting data, liking post , commenting on post without page refresh but after using infinite scroll in vuejs, infinite scroll working perfectly fine but not able to see post after liking ,commenting , posting..i have to refresh every time to see the comment/like on post. How can i see ontime like without page refresh ?Please help me figure this out anyone
el: '#app',
data() {
return {
posts: [ ],
page: 1,
};
},
created(){
this.allposts();
},
}
methods:{
Before using infinite scroll on app.js
allposts(){
axios.get('http://localhost/project/posts')
.then((response) => {
this.posts = response.data;
Vue.filter('myOwnTime', function(value){
return moment(value).fromNow();
});
})
.catch(() => {
console.log('handle server error from here');
});
},
After using vue infinite scroll
https://peachscript.github.io/vue-infinite-loading/guide/start-with-hn.html
allpost($state) {
axios.get('http://localhost/project/posts', {
params: {
page: this.page,
},
})
.then(({ data }) => {
if (data.data.length) {
this.page += 1;
this.posts.push(...data);
Vue.filter('myOwnTime', function(value){
return moment(value).fromNow();
});
$state.loaded();
} else {
$state.complete();
}
});
},
like function is same for both
likePost(id){
axios.get('http://localhost/project/posts' + id)
.then(response => {
console.log(response);
this.allposts();//
})
.catch(function (error) {
console.log(error);
});
},
} ```
via Chebli Mohamed
Aucun commentaire:
Enregistrer un commentaire