Захват значения радиовхода в vue.js

Question

Как я могу получить значение радиовхода и передать его функции, используя @click в Vue.js. Я на самом деле хочу сделать что-то вроде этого:

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

Какой правильный синтаксис?

Answer 1

Для того, что вы спрашиваете, нажмите здесь, чтобы увидеть ответ

Но переключатели в 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>

и сценарий:

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

Answer 2

Просто укажите имя функции:

@click="setPrice"

Затем вы должны иметь доступ к значению:

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