localnet/localhost-front
10
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

watchEffect -> watch

Browse Source
This commit is contained in:
yoon 2025-02-03 15:07:29 +09:00
parent 8ceddc8036
commit a4cb9936ab
1 changed files with 12 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/input/FormSelect.vue
View File

@ -16,7 +16,7 @@
</template> </template>
<script setup> <script setup>
import { ref, watch, watchEffect } from 'vue'; import { ref, watch } from 'vue';
const props = defineProps({ const props = defineProps({
title: { title: {
@ -69,13 +69,16 @@ const props = defineProps({
const emit = defineEmits(['update:data']); const emit = defineEmits(['update:data']);
const selectData = ref(props.value); const selectData = ref(props.value);
// data 변경 감지
watchEffect(() => { watch(() => props.data, (newData) => {
if (props.isCommon && props.data.length > 0) { if (props.isCommon && newData.length > 0) {
selectData.value = props.data[0].value; // 첫 번째 옵션의 값으로 설정 selectData.value = newData[0].value;
} else { emit('update:data', selectData.value);
selectData.value = props.value; // 기본값으로 설정
} }
emit('update:data', selectData.value); }, { immediate: true });
})
// selectData 변경 감지
watch(selectData, (newValue) => {
emit('update:data', newValue);
});
</script> </script>