Vue.js protectDefault() не работает должным образом

Question

Я строю то, что будет принимать пользовательский ввод в <textarea>, я использую <textarea> потому что он должен расти как горизонтально, так и вертикально, когда пользователь вводит информацию. Кроме того, он должен обрабатывать несколько строк, поэтому я не использую <input type="number"> (если есть способ достичь моей цели с <input type="number">, пожалуйста, дай мне знать).

Поэтому я пытаюсь запретить пользователю вводить определенные символы в <textarea>, Вот мой HTML:

<div id="app">
  ...
  <textarea @input="processInput($event)">
  </textarea>
  ...
</div>

И вот мой JS:

new Vue({
  data: {...},
  methods: {
    processInput(e){
      if(certainCondition){
        e.preventDefault();
      }
    }
  }
});

Пожалуйста, дайте мне знать, что я делаю не так. Там нет ошибки или исключения из всего, что выброшено. Это просто ничего не делает.