Loop through database table in Laravel Vue js Component

Question

This is an example of what I want to achieve in the vue component

<div v-for="emotion in emotions" class="cb-row">
    <h2>{{ emotion.em_name }}</h2>
</div>

I have created a function in the EmotionsController to return all data from the table

class EmotionsController extends Controller
{
    public function getEmotions() {

        $emotions = Emotions::all()->get();

        return $emotions;

    }
}

How do I then get this data into my vue component? It's being loaded into a form

Still having issues unfortunately. Do you know how to import data from the database table into the vue component? — Joe Leeson
– Joe Leeson, Commented Feb 14, 2020 at 11:32
return data in your Laravel Controller and in Vue you can receive it http get. Take a look here: stackoverflow.com/questions/36303720/… — Kusy
– Kusy, Commented Feb 14, 2020 at 11:56
I'm fairly new to laravel and vue. I don't quite understand how to get the data into the component. Could I just use a simple route? — Joe Leeson
– Joe Leeson, Commented Feb 14, 2020 at 12:39

Kirankumar · Accepted Answer · 2020-02-14 12:55:11Z

0

You have to refer laravel documentation first. because it gave you everything what you want. Here's the link of your question https://laravel.com/docs/6.x/frontend#writing-vue-components

answered Feb 14, 2020 at 12:55

Kirankumar

314 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Loop through database table in Laravel Vue js Component

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related