Vue.js v-for中的输入绑定

我想从v-for生成的输入单选按钮绑定值

我曾尝试使用v-model将它们与data（）中的变量

question_1、question_2、question_3

绑定

{{question_obj.question}{{question_obj.variable}}


对
不
导出默认值{
名称：“单选按钮”，
数据（）{
返回{
问题1:“，
问题2:“，
问题3:“，
问题:[
{问题：'question 1'，变量：'question_1'}，
{问题：'question 2'，变量：'question_2'}，
{问题：“问题3”，变量：“问题3'}，
]
}
}
}

---

我希望选择单选按钮后将值保存在数据（）中。

使用

v-for

中的索引进行v-model更改，以便更改问题对象属性，而不是其实例：

newvue({
el:“#应用程序”，
数据（）{
返回{
//问题1:“，//不需要问题1、2和3
//问题2:“，
//问题3:“，
问题:[
{问题：“问题1”，变量：“否”}，/ /请注意，我已经存储了默认值。也考虑重命名变量以保持良好的语义。
{问题：'问题2'，变量：'是'}，
{问题：'问题3'，变量：'否'}，
]
}
},
});

{{question_obj.question}{{question_obj.variable}}


对
不
使用
v-for
中的索引进行v-model更改，以便更改问题对象属性，而不是其实例：


newvue({
el:“#应用程序”，
数据（）{
返回{
//问题1:“，//不需要问题1、2和3
//问题2:“，
//问题3:“，
问题:[
{问题：“问题1”，变量：“否”}，/ /请注意，我已经存储了默认值。也考虑重命名变量以保持良好的语义。
{问题：'问题2'，变量：'是'}，
{问题：'问题3'，变量：'否'}，
]
}
},
});

{{question_obj.question}{{question_obj.variable}}


对
不
试试这段代码

导出默认值{
名称：“单选按钮”，
数据（）{
返回{
无线电数据：{
“问题1”：“，
“问题2”：“，
“问题3”：”
},
问题:[
{问题：'question 1'，变量：'question_1'}，
{问题：'question 2'，变量：'question_2'}，
{问题：'question 3'，变量：'question_3'}
]
}
},
}


{{question_obj.question}{{question_obj.variable}}


对
不
试试这段代码

导出默认值{
名称：“单选按钮”，
数据（）{
返回{
无线电数据：{
“问题1”：“，
“问题2”：“，
“问题3”：”
},
问题:[
{问题：'question 1'，变量：'question_1'}，
{问题：'question 2'，变量：'question_2'}，
{问题：'question 3'，变量：'question_3'}
]
}
},
}


{{question_obj.question}{{question_obj.variable}}


对
不
将密钥、问题和答案存储在问题数组中的同一对象中。如果要将选定值作为对象获取，请使用方法将其减少为适当的值。在下面的示例代码中，我包含了这样一个方法，以及查看结果的实时JSON输出


{{row.question}{{row.key}}


对
不
{{JSON.stringify（getAnswers（），null，2）}
导出默认值{
名称：“单选按钮”，
数据（）{
返回{
问题:[
{关键字：“问题1”，问题：“问题1”，答案：null}，
{关键字：“问题2”，问题：“问题2”，答案：null}，
{关键字：“问题3”，问题：“问题3”，答案：null}，
],
};
},
方法：{
getAnswers（）{
返回此。问题。减少（（acc，cur）=>{
acc[当前键]=当前应答；
返回acc；
}, {});
},
},
};
将密钥、问题和答案存储在问题数组中的同一对象中。如果要将选定值作为对象获取，请使用方法将其减少为适当的值。在下面的示例代码中，我包含了这样一个方法，以及查看结果的实时JSON输出


{{row.question}{{row.key}}


对
不
{{JSON.stringify（getAnswers（），null，2）}
导出默认值{
名称：“单选按钮”，
数据（）{
返回{
问题:[
{关键字：“问题1”，问题：“问题1”，答案：null}，
{关键字：“问题2”，问题：“问题2”，答案：null}，
{关键字：“问题3”，问题：“问题3”，答案：null}，
],
};
},
方法