Как во vue.js получать значение из input не используя v-model?

Пользователь

от marisa , в категории: JavaScript , 8 месяцев назад

Как во vue.js получать значение из input не используя v-model?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от ally , 8 месяцев назад

@marisa 

Вы можете получить значение из <input> во Vue.js без использования v-model, используя привязку к значению через атрибут :value и обработку событий @input или @change:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
  
    
  



export default {
  data() {
    return {
      inputValue: ''
    };
  },
  methods: {
    updateInputValue(event) {
      this.inputValue = event.target.value;
    }
  }
};


В этом примере inputValue является свойством данных, которое хранит значение из <input>. В методе updateInputValue мы обновляем значение inputValue при каждом изменении в <input> с помощью события input и event.target.value.