Hello, I want to implement shopping cart functionality in my ecommerce website so for that i googled for a package and i found Crinsane/LaravelShoppingcart in packagist.org i followed the instructions and everything is working but the problem is that when i hit the add to cart button it reloads all the page (which i dislike) in fact i want to use vuejs to perform this action based on Crinsane/LaravelShoppingcart I'm pretty good with laravel but this my first time with vuejs how can I accomplish this ?
It might get more complicated but create an endpoint to send an AJAX request to which implements the API for adding things to the cart. Then on success send the item back to the client and add it to a local cart. The important part is making sure the cart data on the client is in sync with the server, so there's no surprises for the user.
i want to use vuejs to perform this action based on Crinsane/LaravelShoppingcart I'm pretty good with laravel but this my first time with vuejs how can I accomplish this ?
@wajdi Well to accomplish it, you need to learn Vue.js. You can’t implement a feature in a technology you don’t know :)
@martinbean Well I already did some research, i'm a quick learner And to note my code is setup there's just something missing so i posted this
@topvillas , I have that endpoint in my controller function I writed that everything is working using Crinsane/LaravelShoppingcart I just want to attach it to a Vuejs event
You can edit your page content to reflect adding item to the cart using Vue, or catch and process your endpoint response using axios.then(). These lessons might help show the basic worflow for working with Laravel & Vue.
https://laracasts.com/series/lets-build-a-forum-with-laravel/episodes/32
https://laracasts.com/series/lets-build-a-forum-with-laravel/episodes/33
https://laracasts.com/series/lets-build-a-forum-with-laravel/episodes/37
Please or to participate in this conversation.