en un componente, recibo un objeto de blog a través de accesorios
props: { blog: { type: Object, default: null, }, }aqui declaro comentarios en data
data: () => ({ comments: [], // rest needed variables }),y en el método creado de ese componente estoy haciendo esto:
created() { if (this.blog && this.blog.comments) { this.comments = []; this.$nextTick().then(() => { this.comments = this.$srv.myMethod(this.blog.comments); console.log('this.comments); this.$root.$emit('comments', this.blog, this.comments); }); } else { // rest of code } },el problema aquí es que this.blog.comments no está actualizado.
Espero obtener cambios cada vez que ocurra un cambio. alguna idea por favor?
Está utilizando un enlace created que solo se ejecuta 1 vez cuando crea el componente.
Para verificar los cambios de su prop, puede usar un observador:
watch: { blog: { handler(newValue) { // Your stuff here newValue contains the blog object updated }, deep: true } } Pero si solo necesita blog.comments , tal vez sea mejor usar su accesorio como blogComments como matriz y ver solo este accesorio en lugar del objeto completo.