Vuejs2 如何将单选按钮设置为在Vuejs中签入

Vuejs2 如何将单选按钮设置为在Vuejs中签入,vuejs2,Vuejs2,我有一个选项列表,其中一个被选中。如何在Vuejs2中进行测试,并将其设置为已检查的状态。例如 每瓦特需要设置为已选中() html: Vue应用程序: newvue({ el:“应用程序”, 模板:` 打招呼 {{selected_unit}} {{pricingUnit.display} `, 数据:{ 所选单位:'每瓦特', 定价单位:[ {短:'每瓦特',显示:'每瓦特', {short:'flat_rate',display:'Flate rate'} ] } }) Vue.js文

我有一个选项列表,其中一个被选中。如何在Vuejs2中进行测试,并将其设置为已检查的状态。例如 每瓦特需要设置为已选中(

html:


Vue应用程序:

newvue({
el:“应用程序”,
模板:`
打招呼
{{selected_unit}}
{{pricingUnit.display}
`,
数据:{
所选单位:'每瓦特',
定价单位:[
{短:'每瓦特',显示:'每瓦特',
{short:'flat_rate',display:'Flate rate'}
]
}
})

Vue.js文档有一个很好的例子:

这是您的小提琴的一个工作版本,请记住对元素属性使用v-bind。您的问题的答案只是向迭代单选按钮添加一个v型模型

PS:您的名称值不起作用,根据我帮助您的内容,我认为您应该能够修复此问题,提示:v-bind

newvue({
el:“应用程序”,
模板:`
{{selected_unit}}
{{pricingUnit.display}
`,
数据:{
所选单位:'每瓦特',
定价单位:[
{短:'每瓦特',显示:'每瓦特',
{short:'flat_rate',display:'Flate rate'}
]
}
})

如果您能更直接地问我一个问题,这会有所帮助,但我认为您正在尝试在默认情况下选择一个单选按钮。如果我们更改绑定到每个对象的short属性的值,我们就可以实现这一点。在刚才链接的示例中,您仍然没有使用v-model。我建议你仔细看看我的解决方案,并和你的比较。这里有一个默认值的工作版本:thx-是的,在我们的应用程序中,我们不需要更新v-model(它实际上会导致问题,因为在模式覆盖中)。thx求救