Vue.js v-for范围循环中的多个vuetify生日选择器

Vuetify有一个生日选择器。然而，我需要这个生日选择器在一个循环。我如何才能做到这一点呢？我刚开始使用vue和vuetify，但无法将$refs与索引概念结合起来。我认为这就是这里需要的。脚本正在处理$refs中的错误。挑选者的想法是首先选择一年，而不是一个月，然后是一天

    <template>
    <v-container>
    <div v-for="n in 3">
    <v-menu
        ref="menu"
        v-model="menu[n]"
        :close-on-content-click="false"
        transition="scale-transition"
        offset-y
        min-width="290px">
        <template v-slot:activator="{ on }">
            <v-text-field
                v-model="date[n]"
                label="Birthday date"
                readonly
                v-on="on"
            ></v-text-field>
        </template>
        <v-date-picker
            ref="picker"
            v-model="date[n]"
            :max="new Date().toISOString().substr(0, 10)"
            min="1950-01-01"
            @change="save"
        ></v-date-picker>
    </v-menu>
    </div>
    </v-container>
</template>

<script>
    export default {
        data: () => ({
            date: [],
            menu: [],
        }),
        watch: {
            menu (val) {
                val && setTimeout(() => (this.$refs.picker.activePicker = 'YEAR'))
            },
        },
        methods: {
            save (date) {
                this.$refs.menu.save(date)
            },
        },
    }
</script>

导出默认值{
数据：（）=>({
日期：[]，
菜单：[]，
}),
观察：{
菜单（val）{
val&&setTimeout（（）=>（this.$refs.picker.activePicker='YEAR'））
},
},
方法：{
保存（日期）{
此.$refs.menu.save（日期）
},
},
}

我对该组件有相同的需求/问题。我也在寻找答案，所以我只能根据我在这个问题上的经验提出建议

我在这里也尝试过同样的方法，但收效甚微。我目前正在创建一个单独的BirthDatePicker组件，并尝试使用本文中的v-model示例，将每个出生日期建模为我的“人员”对象数组中相应的值

粗略的例子：

people: [{name: '', dob: '', etc...},{name: '', dob: '', etc...}]