Question

我一直在尝试使用Vue js进行测验，但现在遇到了问题，单选按钮没有绑定到我想要的问题上：https://jsfiddle.net/deeformvp/sqx3m2bz/2/

<div v-for="(question, index) in questions" :key="index">
    {{question.question}}
    <div v-for="(answer, index) in question.answers" v-model="pricingUnit" :key="index">
       <label>
        <input type="radio" name="question.question">{{answer}}
       </label>
    </div>
</div>

所有答案似乎都在起作用，而不是由问题div分开。我想念什么？

我看过Vue.js how to use radio buttons inside v-for loop并确保我绑定了名称变量，但是它仍然不起作用。

Answer 1

您有错字：name应该是:name：

<input type="radio" :name="question.question">

如何使用v-for将单选按钮绑定到容器？

1 个答案: