305 - 大写

[hxg2050]

<script setup>
import { ref, vModelText } from 'vue'
const value = ref("")
vModelText.beforeUpdate = (el, { value, modifiers }) => {
  if (value && modifiers.capitalize) {
    const first = value[0].toLocaleUpperCase();
    if (first !== value[0]) {
      el.value = first + value.slice(1);
      el.setSelectionRange(1, 1);
    }
  }
}
</script>

<template>
  <input type="text" v-model.capitalize="value" />
</template>