Vue select - 显示特定选项的列表

Question

我正在制作下拉菜单的日期选择器。对于一年下拉菜单，我将选项从 1900 循环到 2022。如果我单击下拉菜单，它从 1990 年开始。但我希望它从列表的中间打开，比方说 1960 年，然后向上或向下滚动。

 <div class="col-4 pr-0">
     <select v-model="dobYear" id="year" type="text" placeholder="Year">
        <option value="">Year</option>
        <option v-for="year in years" :value="year">[[ year ]]</option>
     </select>
 </div>

<option value="1970" selected>1970 </option> 不起作用 - 只需在顶部显示此选项即可。

Answer 1

将相关模型dobYear初始化为1960