Vuetable-2: Dynamically load data into DetailRow

[cvgeldern]

First of all, I'm new to Vue and building my first real application to administer customers, partly using vuetable. As far as I'm experiencing vuetable: keep up the good job!

I want to load custom data into the details row after clicking an action button. I got everything in place, but I don't know how to get fetched data into the details row or if it is even possible.

What I try to accomplish, is when the "Users" action button is clicked in the list of customers, a list of users of that customer is fetched and placed into (another vuetable? in...) the detail row. I have multple action buttons to fetch different kinds of objects for display in the details row, so the content of the details row is dynamic. Or that's what I want it to be ;-)

[ratiw]

@cvgeldern This is only my opinion, please do not take it the wrong way. I think you're making your UI too complex. If it were me, I would rather do a modal window to display different data for different buttons.

But if you want to try, you have to focus on your detail row component that it can display different information according to the different event it received (event is more suitable than the prop in this case). Then, in each of your action buttons you just send (fire) different event to your detail row component.

So, you actually do not load the data dynamically into vuetable detail row because the detail row component will always be there. The detail row component itself just act differently based on the event it received.

[sevensun1213]

so...how to send a event to my detail row component?please