全日历 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 or a function，那么您会看到 fullCalendar 将请求更新的事件列表（通过向URL, 或者通过执行函数).

但是，如果您只是将 static array 事件传递给 fullCalendar，那么 refetch 不会执行任何操作，因为它无处可去并获取新事件 - 在这种情况下，它只有一个事件列表，它没有关于这些事件来源的任何信息，因此从逻辑上讲它无法在任何地方搜索更新。

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

Full-Calendar Vue refetch-events error? nothing appears to happen

fullcalendar

vue.js