gpt 정리

select option 세팅

Y_Notepad 2024. 2. 27. 15:42
vue
<template> <div> <select @change="testFunction"> <option v-for="option in options" :key="option.value" :value="option.value">{{ option.label }}</option> </select> </div> </template> <script> export default { data() { return { options: [ { value: '1', label: '01' }, { value: '2', label: '02' } ] }; }, methods: { testFunction(event) { const selectedValue = event.target.value; console.log(selectedValue); // 선택된 값 출력 } } }; </script>

'gpt 정리' 카테고리의 다른 글

:class 속성  (0) 2024.03.03
배열에 데이터 추가  (0) 2024.02.28
change 이벤트 시 해당 타겟 가지고 오는 방법  (0) 2024.02.27
object 확인 하는 방법  (0) 2024.02.26
foreach 문  (0) 2024.02.26