Как передать имя и значение в функцию VueJS?

Question

Я создал эту форму и хочу записать все поля при размытии в функцию с именем и значением localStorage

Я уже сохранил имя поля, но получил неопределенное значение.

<input type="text" class="form-control" id="endereco" name="endereco" value="{{ $extratoSiacon['NOME-LOGRADOURO'] }}" @keydown="$event.keyCode === 13 ? $event.preventDefault() : false" @blur="saveItem(this.endereco.value())">

Функция выглядит следующим образом:

saveItem(campo) {
                localStorage.setItem(campo, campo.value)
            }

Я ожидаю записи: key: endereco Значение: Some Street

Любая помощь приветствуется.

Answer 1

Попробуйте, как показано ниже =>

<input type="text" class="form-control" id="endereco" name="endereco" value="{{ $extratoSiacon['NOME-LOGRADOURO'] }}" @keydown="$event.keyCode === 13 ? $event.preventDefault() : false" @blur="saveItem">

saveItem(e) {
                localStorage.setItem(e.name, e.target.value)
            }