Tengo un componente que alimento con accesorios.
Cuando una imagen arroja un 404, quiero cargar una imagen alternativa. Hasta aquí todo bien.
Sin embargo, la función @error nunca se activa cuando una imagen está rota y no puedo entender por qué. Nunca obtengo 'evento de hola' en la consola.
El componente está en el primer nivel de una página nuxt, mi configuración es un SPA estático.
Traté de implementarlo como se menciona al final de este problema de github: https://github.com/vuejs/vue/issues/5404
<template> <div class="channel"> <div class="img"> <img :src="imgUrl" :alt="name" :title="name" @error="getFallBackImage" /> </div> </div> </template> <script> export default { data: function() { return { chanCover: this.cover } }, props: { name: { type: String, required: true }, cover: { type: String, required: true } }, computed: { imgUrl() { console.log(this.chanCover) return "channels/"+this.chanCover+".jpg" }, }, methods: { getFallBackImage(event) { console.log("hello event") this.chanCover = "default" } } } </script>