全日历 Vue 重新获取事件错误? 似乎什么也没发生

Question

我想更新日历，但这里似乎什么也没发生。

updatePlan () {
//let calendarApi = this.$refs.fullCalendar.getApi()
this.$refs.fullCalendar.$emit('refetch-events');//nothing appears to happen here
}

Answer 1

首先，你的语法似乎是错误的。而不是

this.$refs.fullCalendar.$emit('refetch-events')

它应该是

this.$refs.fullCalendar.refetchEvents()

其次，是否会发生任何事情取决于您的事件源的定义方式 - 您尚未向我们展示。因此，我将简单地列出可能性：

如果您已将"事件"选项指定为 URL 或函数，则会看到 fullCalendar 将请求更新的事件列表(通过向 URL 发出 AJAX 请求或执行函数(。

但是，如果您只是将静态事件数组传递给 fullCalendar，那么 refetch 什么也不做，因为它无处可去获取新事件 - 在这种情况下，它只有一个事件列表，它没有任何关于这些事件来源的信息，所以从逻辑上讲，它无法在任何地方搜索更新。