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