I'm working on a project that involves creating a form with a single input field and saving the data to a database. The technology I am using is Vue.js.
Here is the template I have designed:
<form class="form-horizontal" @submit.prevent="submitBid">
<div class="form-group">
<label for="bid"></label>
<input name="bid" type="text">
</div>
<div class="form-group">
<input class="btn btn-success" type="submit" value="Submit!">
</div>
</form>
This is how my component looks like:
export default {
props: ['veiling_id'],
methods: {
submitBid(event) {
console.log(event);
},
},
computed: {
},
mounted(){
}
}
I need help in figuring out how to access and retrieve the value of the input field within the submitBid function.
Your assistance on this matter would be greatly appreciated.