Во Vue.js вы можете задать значение в поле input, используя директиву v-model. Директива v-model связывает данные вашего компонента с значением, введенным в поле input и обеспечивает двустороннюю привязку данных. Чтобы задать значение в поле input, вам нужно создать переменную в своем компоненте и затем использовать директиву v-model для связи этой переменной с полем input.
Вот пример:
<template>
<div>
<input type="text" v-model="myValue">
<button @click="updateValue">Изменить значение</button>
</div>
</template>
<script>
export default {
data() {
return {
myValue: '' // переменная для хранения значения в поле input
}
},
methods: {
updateValue() {
this.myValue = 'Новое значение'; // обновляем значение переменной
}
}
}
</script>
В данном примере мы создаем компонент с полем ввода input и кнопкой button. Здесь мы используем директиву v-model для связи значения в поле ввода с переменной myValue в компоненте. При изменении значения в поле ввода, значение переменной myValue также будет обновляться.
Метод updateValue является обработчиком события клика на кнопку. В этом методе мы просто обновляем значение переменной myValue на новое значение "Новое значение", как пример.
Вы можете изменять значение в поле ввода, и оно будет автоматически связано с переменной myValue. Если вы измените значение переменной myValue, оно также будет отображаться в поле ввода.
Использование директивы v-model значительно упрощает управление значениями в полях ввода и обеспечивает более легкую работу с данными в вашем приложении Vue.js.