Vue에서 양식을 표시하지 않고 이미지를 업데이트하는 방법

결론



이런 느낌. 색상과 배치는 적당하므로 참고하지 마십시오.


See the Pen image submit with vue by msickpaler ( @msickpaler )
on CodePen .


clearImage() {
  this.image = "https://i.gyazo.com/459b578735367db587a1193f9afe84da.png"
  document.getElementById('input_image').value = '' //忘れやすい
}


input 값을 초기화하지 않으면

이미지 선택 → 클리어 → 동일한 이미지 선택

했을 때에 2번째의 화상 선택으로 input의 값이 변하지 않고 @change 로 발화하지 않으므로 제대로 초기화합시다.


좋은 웹페이지 즐겨찾기