В 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на консоль.