Question

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

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

什么是正确的语法？

Answer 1

您提出的问题click here to see the answer

查看输入无线电如何与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;
}

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

2 个答案: