Vue.js VueJS最初将第一个单选按钮标记为&';选中';

Vue.js VueJS最初将第一个单选按钮标记为&';选中';,vue.js,radio-button,Vue.js,Radio Button,如何在开始时将第一个单选按钮标记为“选中” items = [ {txt: 'foo', val: 1}, {txt: 'bar', val: 2} ] <div v-for="item in items"> <input name="myfield" type="radio" v-bind:value="item.val" v-bind:checked="item.val==comparisonvalue"> <label

如何在开始时将第一个单选按钮标记为“选中”

items =
  [
    {txt: 'foo', val: 1},
    {txt: 'bar', val: 2}
  ]


<div  v-for="item in items">
   <input name="myfield" type="radio" v-bind:value="item.val" v-bind:checked="item.val==comparisonvalue">
   <label>{{ item.txt }}</label>
</div>
项目=
[
{txt:'foo',val:1},
{txt:'bar',val:2}
]
{{item.txt}

您可能希望使用
v-model
输入绑定到数据,在这种情况下,在数据中设置一个项(例如
myInput
),然后使用项数组中的第一个值初始化它:

newvue({
el:“#应用程序”,
数据:{
我的投入:1,
项目:
[
{txt:'foo',val:1},
{txt:'bar',val:2}
]
}
})

{{item.txt}