Getting input field values from Form submit using Vue Getting input field values from Form submit using Vue vue.js vue.js

Getting input field values from Form submit using Vue


Bind a value to it via v-model:

<input name="bid" type="text" v-model="bid">
data() {  return {    bid: null,  }},methods: {  submitBid() {    console.log(this.bid)  },},

Alternately, add a ref to the form, and access the value via the form element from the submitBid method:

<form ref="form" class="form-horizontal" @submit.prevent="submitBid">
methods: {  submitBid() {    console.log(this.$refs.form.bid.value)  },},

Here's a fiddle.