controller'da dataya paginate() islemi uygulayip endpoint'e gonderiyorum. front end de ise vuex ile de datayi store ediyorum. buradan sonraki islemde bir sikinti var.
home component
mounted(){
this.$store.dispatch("bridalApi", this.currentPage)
},
data(){
return {
currentPage: 1,
};
},
store.js
actions: {
bridalApi({commit}, page){
console.log(page)
axios.get("http://example.com/api/bridal?page=" + page)
.then(response => {
this.commit("setBridals", response.data);
})
.catch(e => {
console.log(e);
})
}
}
Durum soyle ki data() nin icindeki currentPage i ++ ya da -- olarak update edebiliyorum. home component icinde currentPage guncelleniyor, fakat arguman olarak actions'a gonderdigim currentPage in value'sunu ++ ya da -- olarak actions'in icindeyken update edemiyorum.
Bunun sebebi ne olabilir, nasil bir mudahele gercekelestirmeliyim?