diff --git a/src/components/input/ArrInput.vue b/src/components/input/ArrInput.vue index d2ffccb..e09e760 100644 --- a/src/components/input/ArrInput.vue +++ b/src/components/input/ArrInput.vue @@ -18,6 +18,7 @@ type="text" v-model="postcode" placeholder="우편번호" + disabled="true" readonly /> @@ -26,6 +27,7 @@ type="text" v-model="address" placeholder="기본주소" + disabled="true" readonly /> diff --git a/src/components/user/RegisterForm.vue b/src/components/user/RegisterForm.vue index 0a6c7a7..2acce37 100644 --- a/src/components/user/RegisterForm.vue +++ b/src/components/user/RegisterForm.vue @@ -94,8 +94,7 @@ :is-common="true" :is-color="true" :data="colorList" - @update:data="color = $event" - @blur="checkColorDuplicate" + @update:data="handleColorUpdate" class="w-50" /> @@ -136,6 +135,7 @@ @update:data="handleAddressUpdate" @update:alert="addressAlert = $event" :value="address" + :disabled="true" /> { const response = await $api.get(`/user/checkColor?memberCol=${color.value}`); @@ -312,6 +311,14 @@ } }; + const handleColorUpdate = async (newColor) => { + color.value = newColor; + colorError.value = ''; + colorErrorAlert.value = false; + + await checkColorDuplicate(); + } + // 회원가입 const handleSubmit = async () => { @@ -366,4 +373,3 @@ }; -