Javascript 是否将Vuetify日历从子/合作伙伴组件向前移动？

Vuetify日历使用以下内容进行导航：

@click=“$refs.calendar.prev（）”

@click=“$refs.calendar.next（）”

如果您将这些命令与日历放在同一个文件中，则它们可以工作。我使用的是Vuetify文档中的，但我需要侧面板（我将其用作更改日志，因为日历将用于更改日记/计划）<代码>$refs.calendar在该组件中不起作用。我试图向下传递对子组件的引用，但是

$refs

只是作为未定义的引用

如何将日历从子组件向前移动一个月？

您可以使用

在父组件中，您称之为子组件，我称之为

CalendarNav

。里面有日历导航按钮。您将两个事件绑定到它，

上个月

和

下个月

。当您的父组件将收到

prevMonth

或

nextMonth

事件时，它将执行传递给它的函数

<CalendarNav @prevMonth="$refs.calendar.prev()" @nextMonth="$refs.calendar.next()" />

及

键盘箭头左键
上

<v-btn @click="$emit('nextMonth')">
    Next
    <v-icon
      right
      dark
    >
      keyboard_arrow_right
    </v-icon>
  </v-btn>

<v-btn @click="$emit('prevMonth')">
    <v-icon
      dark
      left
    >
      keyboard_arrow_left
    </v-icon>
    Prev
  </v-btn>