글 삭제 컨펌 팝업에서 취소를 눌렀을 때
261
작성한 질문수 3
postDetail에서 삭제버튼을 누른 후
뜬 삭제 하시겠습니까? 팝업 창에서 취소를 눌러도
로딩 스핀이 생겨요. 왜 그럴까요??
<html>
<div class="col-auto">
<button
class="btn btn-danger"
@click="remove"
:disabled="removeLoading"
>
<template v-if="removeLoading">
<span
class="spinner-grow spinner-grow-sm"
aria-hidden="true"
></span>
<span class="visually-hidden" role="status">Loading...</span>
</template>
<template v-else>삭제</template>
</button>
</div><setup>
const removeError = ref(null);
const removeLoading = ref(false);
const remove = async () => {
try {
if (confirm('삭제 하시겠습니까?') === false) {
return;
}
removeLoading.value = true;
await deletePost(props.id);
vSuccess('삭제가 완료되었습니다.');
router.push({ name: 'postList' });
} catch (err) {
removeError.value = err;
vAlert(err.message);
} finally {
removeLoading.value = true;
}
};
취소를 하면 저절로 false가 돼서
removeLoading.value = true로 안넘어가야하는 것 아닌가요?
제가 빼먹은 부분이 어디일까요 ㅠㅠ
답변 1
0
안녕하세요 🙂
이러한 경우는 디버깅을 해봐야 할 것 같아요.
debugger; 로 breakpoint 를 사용해서 디버깅 또는 console.log로 디버깅을 해보시면 금방 찾을 수 있을거에요.
질문드립니다.
0
32
0
unplugin-vue-components 질문드립니다.
0
40
2
강의듣다가 헷갈려서 질문드립니다.
0
35
1
와 짐코딩님 강의 들으면서 느끼는게 많네요.
0
33
1
질문드립니다.
0
33
2
라우터 인스톨 후 실행안됨
1
50
2
코드 자동 포매팅 질문
0
68
2
필터 watchEffect 질문입니다.
0
52
1
json-server 오류가 다른게 뜨네요
0
114
1
미리보기가 안됩니당...
0
69
2
unplugin-vue-components
0
85
2
TypeError 질문
0
52
1
v-model="show" :show="show" 같이 사용?
1
57
1
hash 모드 배포의 필요성?
0
61
2
.eslintrc.cjs 가 없습니다
0
96
2
title,content값이 비어서 저장되는데 제가 혹시 어떤 부분을 잘못 작성했는지 ㅜㅜ 알고싶습니다.
0
98
3
_title_like: "", 문의드려요 해당 값을 설정하면 list가 아에 안나옵니다.
0
65
1
@click.prevent="params._page = pageNum"> 에 .value를 안쓰는 이유가 궁금합니다.
0
73
2
중첩된 컴포넌트 문제
0
76
2
교안에 있는 부분이 아닌가요?
0
109
2
useAxios Proxy(Object) RefImpl
0
114
1
axios timeout
0
330
3
강의와 상관은 없지만, 궁금한 점이 있어 질문드립니다.
0
124
2
컴포넌트 분리 부분에서 오류가 나요ㅠㅠ
0
169
2