Salut tous les dev, voila je suis coincé sur un truc et j'espère une aide :
j'ai deux tables "v-data-table" de Vuetify
1 - Table parent
2 - Table enfant "table enfant est un component reutilisable"
je cherche un bout de code générale que je puise l'adapter sur mon programme, alors je veux qu'a chaque fois que je clique sur une ROW de la table Parent les données de la table Enfant affiche le détail qui lui correspond bien sur avec ID
J'ai cherché sur le net il y a des exemples mais ne n'arrive pas à les adapter a mon prog. Voici le lien : https://github.com/spatie/vue-table-component
Merci beaucoup
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22 <template> <div id="app"> <table-component :data="fetchData"> <table-column show="firstName" label="First name"></table-column> </table-component> </div> </template> <script> import axios from 'axios'; export default { methods: { async fetchData({ page, filter, sort }) { const response = await axios.get('/my-endpoint', { page }); // An object that has a `data` and an optional `pagination` property return response; } } } </script>
Partager