공통 코드인 경우 추가
This commit is contained in:
parent
6c83a28721
commit
3f96011c2a
@ -6,7 +6,9 @@
|
|||||||
</label>
|
</label>
|
||||||
<div :class="isRow ? 'col-md-10' : 'col-md-12'">
|
<div :class="isRow ? 'col-md-10' : 'col-md-12'">
|
||||||
<select class="form-select" :id="name" v-model="selectData">
|
<select class="form-select" :id="name" v-model="selectData">
|
||||||
<option v-for="(item , i) in data" :key="item" :value="i" :selected="value == i">{{ item }}</option>
|
<option v-for="(item, i) in data" :key="i" :value="isCommon ? item.value : i">
|
||||||
|
{{ isCommon ? item.label : item }}
|
||||||
|
</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
<div v-if="isAlert" class="invalid-feedback">{{ title }}을 확인해주세요.</div>
|
<div v-if="isAlert" class="invalid-feedback">{{ title }}을 확인해주세요.</div>
|
||||||
@ -56,13 +58,24 @@ const props = defineProps({
|
|||||||
type: Boolean,
|
type: Boolean,
|
||||||
default: true,
|
default: true,
|
||||||
required: false,
|
required: false,
|
||||||
|
},
|
||||||
|
isCommon : {
|
||||||
|
type: Boolean,
|
||||||
|
default: false,
|
||||||
|
required: false,
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
const emit = defineEmits(['update:data']);
|
const emit = defineEmits(['update:data']);
|
||||||
const selectData = ref(props.value);
|
const selectData = ref(props.value);
|
||||||
|
|
||||||
|
|
||||||
watchEffect(() => {
|
watchEffect(() => {
|
||||||
|
if (props.isCommon && props.data.length > 0) {
|
||||||
|
selectData.value = props.data[0].value; // 첫 번째 옵션의 값으로 설정
|
||||||
|
} else {
|
||||||
|
selectData.value = props.value; // 기본값으로 설정
|
||||||
|
}
|
||||||
emit('update:data', selectData.value);
|
emit('update:data', selectData.value);
|
||||||
})
|
})
|
||||||
</script>
|
</script>
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user