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

【问题标题】：Capturing radio input value in vue.js在 vue.js 中捕获无线电输入值
【发布时间】：2018-10-02 18:08:57
【问题描述】：

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

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

什么是正确的语法？

【问题讨论】：

标签： javascript vue.js vuejs2 vue-directives

【解决方案1】：

只需提供函数名称：

@click="setPrice"

然后您应该可以访问该值：

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

【讨论】：

【解决方案2】：

你问什么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'
    }
  }
}

【讨论】：

这只是捕获无线电输入的值。我真正需要的是获取该值，将其传递给 store.js 中的函数，并且该函数会更新 store.state 中的其他值。
嗯好的。我回答了你怎么能做到这一点，并为 jsfiddle 做了一个例子。
谢谢，我有同样的问题，它引用了我丢失的事件对象。现在可以了。