javascript - 在 vue.js 中捕获无线电输入值

Question

如何获取单选输入的值并将其传递给在 Vue.js 中使用 @click 的函数。我实际上想做这样的事情：

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

什么是正确的语法？

Answer 1

对于您的要求，请单击此处查看答案

查看这个简单的示例 input radio 如何与 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;
}