[Vue.js] @error : 이미지 에러 발생 시 기본 이미지로 표시하기

 

이미지 에러 발생 시 기본 이미지로 표시하기

<img :src="imgUrl" @error="e => e.target.src = defaultImg" alt="슬라이드 이미지">

 

'imgUrl' 변수에 저장된 경로로 이미지를 가져왔을 때 에러가 발생한다면
해당 img 태그의 src 속성을 'defaultImg' 변수에 저장된 경로로 변경하여 기본 이미지를 띄운다.