Masquer un élément dès sa suppression
Bonjour,
Je cherche un moyen de masquer le post dès sa suppression sans qu'il disparaisse avec l 'actualisation de la page. Sur le @click j'ai déjà passer une fonction.
Si quelqu'un peut m'apporter une explication se serait sympa. Merci par avance.
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25
| <h2 class="h2_publication">Publications du forum</h2>
<ul>
<li id="post" class="allPost" v-for="post in posts" v-bind:key="post.id_post">
<div >
<div class="publication" >
<div class="bloc_image">
<img class="img_post" v-bind:src= post.imageUrl alt="" >
</div>
<div class="post-text">
<p class="text-user" >{{post.username }} le : {{post.date_post}}</p>
<p class="post-user">{{ post.postUser}}</p>
</div>
<postUpdate v-bind:revele="revele" v-bind:toggleModale="toggleModale"></postUpdate>
<button v-on:click="toggleModale(post.id_post)" v-if="post.id_user == id_user" class="btn-updatePost">Modifier</button>
<button class="btn-deletePost" @click="postDelete(post.id_post)" v-if="post.id_user == id_user">Supprimer</button>
<!-- <button @click="showComment = !showComment" >Répondre<CreateComment /></button> -->
<create-comment v-bind:showComment="showComment" v-bind:toggleComment="toggleComment"></create-comment>
<button class="btn-reply-post" v-on:click="toggleComment(post.id_post)" v-if="post.id_user == id_user">Répondre</button>
<button v-on:click="ShowComment = true">Commentaires</button>
</div>
</div>
</li>
</ul> |
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
| postDelete(id_post){
let id_user = localStorage.getItem('id_user')
const token = localStorage.getItem('token')
const headers = {
headers: {
'Content-type': 'application/json',
'Authorization': `Bearer ${token}`
}
};
axios.delete(`http://localhost:3000/api/posts/delete/${id_user}/${id_post}`, headers )
.then(response => {
console.log(response)
}).catch((error) => {
console.log(error)
});
}, |