Discussion :

[cdossert]

Bonjour,
J'ai une boucle Php qui m'affiche une liste de titre.
Quand on clic sur un titre, il doit disparaitre.
Je comprends que je dois identifier le titre à faire disparaitre ( via $article->getTitreID() ), mais mon problème est que je ne sais pas comment faire passer ce paramètre pour qu'il me cache le titre souhaité.

Si quelqu'un saurait m'expliquer, ce serait sympas ;-)
Merci

Code Php

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<?php
foreach($articles as $article) {
?>
<p @click="Cacher"><span v-if="Voir"><?= $article->getTitre(); ?></span></p>
<?php
}
?>

Code Vue

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
 
new Vue({
	el: 'p',
	data: {
		Voir: true
	},
	methods: {
		Cacher: function() {
			this.Voir = false
		}
	}
})

[double-m]

Première remarque : pourquoi intégrer du PHP dans du JS alors que tu pourrais tout faire coté Front end via une requete AJAX avec Axios ?

Le plus simple selon moi, serait tout d'abord que tu fasse une requête Ajax pour afficher tes résultats et éviter de mettre du PHP dans ton code FRONT END.

Ensuite, tu fais une boucle v-for pour afficher tous tes titres d'articles, et pour chaque articles tu associe un paramètre visible par exemple (via un v-model).

Si tu as besoin d'un exemple de requete AJAX avec axios, je peux t'en fournir un.