Как обратиться в значению input?

Question

[Николай Чуприк]

<input @change = "doSomethingWithValue( this.value )" />   //  Так не работает
<input @change = "doSomethingWithValue(" + this.value + ")" >   //  ...и так тоже

Код выше нерабочий, но смысл, я надеюсь, отражает: надо передать в Vue-метод значение поля input? Понимаю, что:

1. Можно сделать это поле реактивным, связав с переменной в Vue.
2. Можно обратиться к полю через document.getElement... и т.д.

Можно ли это сделать, как-то проще, чем в пп. 1 и 2?

Answer 1

[0xD34F]

<input @change="doSomethingWithValue" />

methods: {
  doSomethingWithValue(e) {
    const value = e.target.value;
    ...

Если надо в метод передавать дополнительно какие-то параметры, то объект события доступен в шаблоне как $event:

<input @change="doSomethingWithValue($event, 'hello, world!!')" />

Comments

[Николай Чуприк]

Спасибо, понял. Однако выбираю способ п.1, т.к. doSomethingWithValuе вызываю и из другого контекста, ей надо отдавать аргумент в явном виде.

[0xD34F]

Николай Чуприк, дополнил ответ.