feat(content): 콘텐츠 커버 이미지 크롭 기능 추가 및 이슈 수정
This commit is contained in:
14
docs/20260227_이미지크롭포커스이슈수정.md
Normal file
14
docs/20260227_이미지크롭포커스이슈수정.md
Normal file
@@ -0,0 +1,14 @@
|
||||
# 20260227_이미지크롭포커스이슈수정.md
|
||||
|
||||
## 구현할 내용
|
||||
- [x] 이미지 크롭 후 포커스가 다른 곳으로 가면 다시 크롭화면이 표시되는 문제 해결
|
||||
- [x] 크롭 후 `v-file-input` 값 초기화 로직 추가
|
||||
|
||||
## 검증 기록
|
||||
### 1차 수정
|
||||
- **무엇을**: `ContentList.vue`의 이미지 선택 및 크롭 로직 수정
|
||||
- **왜**: `v-file-input`에 선택된 파일이 남아 있어 다른 곳에 포커스가 갔다가 돌아오거나 입력이 발생할 때 `@change` 이벤트가 예기치 않게 발생할 가능성이 있고, 사용자 경험상 불편함이 있음.
|
||||
- **어떻게**:
|
||||
- `imageAdd` 메서드에서 파일을 처리하기 전에 `file._isCropped` 플래그를 확인하여 이미 크롭된 파일인 경우 중복 처리를 방지함.
|
||||
- `cropImage` 메서드에서 크롭된 새로운 `File` 객체를 생성할 때 `_isCropped = true` 플래그를 설정하여 `audio_content.cover_image`가 업데이트될 때 발생하는 `@change` 이벤트에 의해 크롭 다이얼로그가 다시 열리는 것을 방지함.
|
||||
- `npm run lint` 실행 결과 이상 없음.
|
||||
Reference in New Issue
Block a user