CODEWITHSUNDEEP
javascriptvue.jsvuejs2vue-directives
Dhiaa Eddin Anabtawi
Dhiaa Eddin Anabtawi

Reputation: 39

Capturing radio input value in vue.js

How can I get the value of a radio input and pass it to a function using @click in Vue.js. I actually want to do something like this: 

<input type="radio" name="phone" :value="mobile.value" @click = "setPrice(value)">

What is the right syntax?

Upvotes: 1

Views: 5293

Answers (2)

Roland
Roland

Reputation: 27729

For what your asking click here to see the answer

Checkout this straightforward example how input radio works with vue.js

<input type="radio" id="one" value="One" v-model="picked">
<label for="one">One</label>
<br>
<input type="radio" id="two" value="Two" v-model="picked">
<label for="two">Two</label>
<br>

and the script:

export default {
  data: {
    return {
      picked: 'One'
    }
  }
}

Upvotes: 3

Amthieu
Amthieu

Reputation: 154

Just provide the function name:

@click="setPrice"

You should then have access to the value:

function setPrice(event) {
  const value = event.target.value;
}

Upvotes: 3

Related Questions