생각날 때 쓰는 메모장

Vue.js에서 라디오 버튼을 클릭할 때 데이터 값을 수정하는 방법은 다음과 같습니다:htmltemplate> div> input type="radio" id="option1" value="option1" v-model="selectedOption"> label for="option1">Option 1label> input type="radio" id="option2" value="option2" v-model="selectedOption"> label for="option2">Option 2label> p>Selected Option: {{ selectedOption }}p> div>template>script>export default { data() { ..

@blur 이벤트에서 v-model 값을 가져와서 수정하는 것은 가능합니다. v-model은 양방향 데이터 바인딩을 제공하므로 입력 필드에 값을 입력하면 해당 데이터가 업데이트되고, 반대로 데이터를 변경하면 입력 필드의 값이 업데이트됩니다. 이를 활용하여 @blur 이벤트에서 v-model 값을 가져와서 수정하고 다시 데이터를 업데이트할 수 있습니다. 아래는 예시 코드입니다: vue 위의 코드에서 @blur 이벤트가 발생하면 handleBlur 메서드가 호출되어 inputValue 값을 대문자로 변경하고, 이 변경된 값이 다시 v-model에 의해 입력 필드에 반영됩니다.