Código HTML:
<img src="images/website/image.svg" alt="" width="150px" height="150px" v-on:click="submitimage($event)">y desea pasar la url src de la imagen a los datos pasándolos a través de $event a un método Vue.
código de secuencia de comandos vue:
<script> export default { data(){ return { imgurl: '' } }, methods: { submitimage(event){ var element = event.target; var id = element.getAttribute('src'); window.console.log(id) this.imgurl = id }, }, } </script>También probé:
methods: { submitimage(event){ this.imgurl = this.event.target.getAttribute('src'); window.console.log(event.target.getAttribute('src')) },Pero funciona con window.console.log y muestra la URL correcta, pero si intento pasarlo a data(), no funciona. No hay error, simplemente está vacío o indefinido. ¿Qué me estoy perdiendo?
Parece que todo lo que estás haciendo es correcto:
revisa este stackblitz aquí: https://stackblitz.com/edit/vue-tu7vzx
Así que supongo que es realmente la cuestión de cómo estás tratando de acceder a this.imgurl
Sin embargo, su pregunta no muestra suficiente código para hacer una conjetura.