@blur, v-model

@blur 이벤트에서 v-model 값을 가져와서 수정하는 것은 가능합니다. v-model은 양방향 데이터 바인딩을 제공하므로 입력 필드에 값을 입력하면 해당 데이터가 업데이트되고, 반대로 데이터를 변경하면 입력 필드의 값이 업데이트됩니다. 이를 활용하여 @blur 이벤트에서 v-model 값을 가져와서 수정하고 다시 데이터를 업데이트할 수 있습니다.

아래는 예시 코드입니다:

vue
<template>
  <div>
    <input v-model="inputValue" @blur="handleBlur" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    };
  },
  methods: {
    handleBlur() {
      // inputValue 값을 수정하고 다시 데이터를 업데이트
      this.inputValue = this.inputValue.toUpperCase();
    }
  }
};
</script>

위의 코드에서 @blur 이벤트가 발생하면 handleBlur 메서드가 호출되어 inputValue 값을 대문자로 변경하고, 이 변경된 값이 다시 v-model에 의해 입력 필드에 반영됩니다.