O problema:
Estou desenvolvendo um site que possui um feed com publicações, cada publicação tem comentários. Quando clico no botão de comentários da publicação, preciso carregar um modal preenchido com os comentários e a publicação.
Essa parte eu consigo fazer, só não sei como utilizar a função watch para o modal reagir a alteração dos dados, como por exemplo, ao comentar na publicação (no modal), o observador(watch) adiciona o comentário no mesmo.
Obs: Eu ja tentei utilizar o watch, mas como o modal só é preenchido no momento que o usuário clica no botão de comentários, não sei como "inicializar" o observador vazio.
De onde vem os dados:
Os posts estão na store, ao clicar em comentários, chamo uma função que passa o post para store e abro o modal com os comentários e a publicação:
Função que coloca o post clicado na store:
setOnCommentPost: function(post){
this.$store.commit('setOnCommentPost',post);
$("#commentPost").modal('show');
}
Store:
state:{
posts:{}, //Todos os posts do feed
onCommentPost:{ //Post que esta atualmente no modal de comentários
user:{}, //Usuário que postou
comments:{}
}
}
Script do Componente Comentários que está dentro do componente modal:
props:['action','method','user_auth'],
data: function(){
return{
post:{
user:{},
comments:{}
}
}
},
watch:{
post: function(){
this.post.comments = this.$store.getters.getOnCommentPost.comments
this.post = this.$store.getters.getOnCommentPost
this.post.user = this.$store.getters.getOnCommentPost.user
this.post.likes = this.$store.getters.getOnCommentPost.likes
}
}