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 |