tengo una duda, estoy intentando pasar una variable de un componente a otro, todo parece funcionar bien, pero dentro del evento del padre no me ejecuta un método.
No logro ver que estoy omitiendo y si pudieran ayudarme. Adjunto algunas imágenes para que puedan ver como si se actualiza mi variable.
Así inicia mi component como pueden ver la variable folder está vacía.
<input-folder v-model="folder" :source.sync="folder" :input-field="false" class="" />
Y mi otro componente es el InputFolder
Pues selecciono el folder como muestra en la siguiente imagen
Y como pueden observar después de darle seleccionar obtengo la ruta del directorio y lleno mi variable folder. Aquí es en el componente inputFolder
Y aquí podemos observar como si me pasa la variable a mi componente padre
La cual hago lo siguiente en el inputFolder:
methods: {
select() {
this.folder = decodeURI(this.$refs.finder.getSelected()[0]);
this.$emit('input', this.folder);
this.$emit('folder:selected', this.folder);
this.$refs.finder.removeSelection();
this.$refs.modal.close();
},
},
watch: {
folder(folder) {
this.$emit('input', folder);
},
},
Y en mi otro componente
mounted() {
this.$on('folder:selected', function(folder) {
this.loadFolder(folder);
});
},
Necesito que me ejecute el this.loadFolder ya que ahí llamo a una función en php y bueno obtengo las imágenes. Muchas gracias por leer esta duda, alguien podría orientarme por donde tengo el error? Gracias.