VueJS v模型动态输入表单

时间:2018-07-16 19:09:10

标签: forms vue.js data-binding

我正在尝试使用vuejs构建表单以绑定到动态生成的输入,如下所示:

<div v-for="item in items">
    <span>{{ item.name }}</span>
    <input type="text" v-model="form.values[item.id].grade">
    <input type="text" v-model="form.values[item.id].comment">
</tr>

data: function () {
    return {
        form: {
            time: '',
            values: []
        },
        items: [
            {'id': 5, 'name': five},
            {'id': 3, 'name': three},
            {'id': 7, 'name': seven},
            {'id': 2, 'name': two},
            {'id': 4, 'name': four}
        ]
    }
}

有什么办法可以真正使这项工作成功?

0 个答案:

没有答案