Как модерировать input c v-model vue 3?

Question

[Ваня]

У меня есть input, мне нужно менять вводимые данные на необходимые (модерировать), например запретить ввод чисел (чтобы вводимые данные, не прошедшие проверку не отображались в input и соответственно не менялась data text), менять маленькие буквы на заглавные и наоборот и тд. Но возникает вопрос, а как это делать с использованием v-model и правильно. Или это надо делать иначе

<template>
  <input v-model="text"/>
  {{ text  }}
</template>

<script lang="ts">
  data {
      text = ''
  }
})
</script>

Comments

[Александр Маджугин]

А что watch в Vue 3 выпилили?

[Ваня]

Александр Маджугин, интересный вариант

[Александр Маджугин]

Сергей, не знаю в чем тут интересность - всегда так делаю.

[Ваня]

Александр Маджугин, я его не использовал раньше. А интересность в том, что решаются сразу много проблем, это выбор нужного ивента, обработка ивента и тд, любые возможные сложности

Answer 1

[Николай]

Вотч отработает тогда, когда данные уже поменялись, и следовательно, если вы на него подпишитесь, у вас будет уже несколько тиков на обновление

<input :value="text" @input="addCurrentValue"/>
В которой вы уже можете решать, что делать с вводимым числом и потом менять то, что вам нужно