Question

我有一个包含问题数据的对象。

我在视图中循环浏览这些内容，然后旨在更新对象的“回答”值。

问题来自API，结构如下：

[
    {
        "id": 1,
        "choices": [
            // choices
        ],
        "created_at": "2016-12-08 09:19:30",
        "updated_at": "2016-12-09 15:29:14",
        "answer": []
    },
]

它们并非来自具有答案值的API，但我已将其添加到js文件中。

然后我在另一个循环中显示问题答案：

<div v-for="(choice, index) in question.choices" class="input-row">
    <input type="radio" v-model="question.answer" value="choice.value"/>
</div>

然后我把答案放到视图中：

@{{ question.answer }}

我可以看到它是一个空数组，但是当选择单选按钮时，数组不会像我想象的那样更新。有什么想法吗？

Answer 1

您的输入标记错误，无法将值与Vue数据属性绑定。

<div v-for="(choice, index) in question.choices" class="input-row">
    <input type="radio" v-model="question.answer" v-bind:value="choice.value"/>
</div>

Answer 2

从您的代码段中，我可以推断answer是一个数组。试试这个http://jsfiddle.net/xb5h545w/1/

Vue Js - 无线电输入未更新模型值

2 个答案: