Как получить значение ввода в Vue.js с помощью v-модели

В Vue.js для доступа к значению элемента ввода вы можете использовать директиву v-model. Директива v-model— это двусторонняя привязка, которая привязывает входное значение к свойству данных в вашем компоненте Vue.

Вот пример того, как можно использовать v-modelдля получения значения входного элемента:

<input type="text" v-model="inputValue">

В приведенном выше примере inputValue— это свойство данных в вашем компоненте Vue, которое будет хранить значение, введенное в поле ввода.

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

data() {
  return {
    inputValue: ''
  }
},
methods: {
  getValue() {
    console.log(this.inputValue);
  }
}

В приведенном выше фрагменте кода метод getValueзаписывает значение inputValueна консоль.