Javascript v-for vue js中的自动选择第一个选项

Javascript v-for vue js中的自动选择第一个选项,javascript,vue.js,v-for,Javascript,Vue.js,V For,我正在循环一个数组以生成下拉列表,如下所示 <select class="form-control" v-model="compare_version" > <option v-for="(version, index) in allVersions" v-bind:value="index" v-bind:key="version.versionid"

我正在循环一个数组以生成下拉列表,如下所示

 <select class="form-control" v-model="compare_version" >
            <option
              v-for="(version, index) in allVersions"
              v-bind:value="index"
              v-bind:key="version.versionid"
              :selected="version.versionid === 0"
            >{{ version.versionid }}</option>
          </select>
我试图将下拉列表的值默认为其第一个值

将显示值,但未选择第一个选项


我的代码中有什么错误。请帮忙

对于数据中的compare\u version,您可以将默认值定义为0,因为您要将迭代列表中的索引绑定为要在模型中捕获的值。v-model会处理好的

并删除:选定绑定。请注意,这里从select捕获的值将是列表的索引

var vm=新的Vue{ el:vue实例, 数据:{ 比较\u版本:0, 所有版本:[ {versionId:'A'}, {versionId:'B'}, {versionId:'C'} ] } } {{x.versionId} 所选:{{compare_version}
您可以为您的v型模型添加默认值吗?