聚焦v菜单模板时如何激活v菜单？

Question

我创建了一个表单，其中有一个用于获取出生日期输入的v菜单。我要打开文本框时要打开的文本，即从上一个文本字段中按Tab键时，不仅要单击它，就可以打开

在下面的代码中，

我在用户按下Enter键时实现了选项卡功能，以便使下一个输入成为焦点。但是当它聚焦在Dob上时，不会打开日期选择器。

   <v-row>
                        <v-text-field
                        v-model="form.phoneNumber"
                        label="phone number"
                        type="number"
                        prepend-icon="mdi-phone"
                        :rules="phoneRule"
                        ref="phoneNumber"
                        @keyup.enter="$refs.dob.focus" 
                        />
                    </v-row>
                    <v-row>
                        <v-menu>
                            <template v-slot:activator="{on}">
                            <v-text-field label="DOB" prepend-icon="mdi-calendar"
                            v-on="on"
                            :value="formattedDate"
                            :rules="dobRule"
                            ref="dob"
                            ></v-text-field>
                            </template>
                        <v-date-picker 
                        v-model="form.dob"
                        ></v-date-picker>
                        </v-menu>
                    </v-row>