完整日历/VUE应用程序中的事件未更新

link之家

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

豪情万千的米饭 · sqlserver可将字符转成数字再进行su ...· 8 月前 ·

千年单身的肉夹馍 · SSH连接服务器后执行多条命令 - 简书· 1 年前 ·

一身肌肉的打火机 · 单行子查询返回多个行_单行子查询返回多个行是 ...· 1 年前 ·

忐忑的卤蛋 · 使用spyder编译器单步调试python_ ...· 1 年前 ·

刀枪不入的楼房 · 实现克隆 - 误会馋 - 博客园· 2 年前 ·

<template>
   <div id="calendar"  :navL="navLinks" :event-sources="eventSources" @event-selected="eventSelected" @event-created="eventCreated" :config="config" >
      <button    class="btn btn-secondary" v-on:click="submit()">
         Submit
      </button>
      <full-calendar id="target" ref="calendar" :event-sources="eventSources" @event-selected="eventSelected" @day-click="click"@event-created="eventCreated" :config="config"></full-calendar>
</template>
<script>
   const self = this;
   export default {
      name: 'calendar',
      data() {
         return {
            eventSources: [
                  url: 'http://localhost:3000/getAppointments',
                  type: 'GET',
                  data: {
                     id: this.$store.getters.user
                  error: function() {
                     alert('there was an error while fetching events!');
      methods: {
         submit: function() {
            console.log(this.$refs.calendar); //prints fullcalendar VUE component
            this.$refs.calendar.$emit('refetchEvents'); //nothing appears to happen here
</script>

this.$refs.calendar.$emit('refetchEvents')

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

html: <full-calendar ref="fullCalendar" :events="events" />
inside a method to update an event:
        let calendar = this.$refs.fullCalendar.getApi()
        const updatedEvent = calendar.getEventById(eventId)

推荐文章

豪情万千的米饭 · sqlserver可将字符转成数字再进行sum，如果varchar类型中存放的都是数字-CSDN博客

8 月前

千年单身的肉夹馍 · SSH连接服务器后执行多条命令 - 简书

1 年前

一身肌肉的打火机 · 单行子查询返回多个行_单行子查询返回多个行是什么意思_张振磊的博客-CSDN博客

1 年前

忐忑的卤蛋 · 使用spyder编译器单步调试python_51CTO博客_spyder 单步调试

1 年前

刀枪不入的楼房 · 实现克隆 - 误会馋 - 博客园

2 年前

完整日历/VUE应用程序中的事件未更新 内容来源于 Stack Overflow，遵循 CC BY-SA 4.0 许可协议进行翻译与使用。IT领域专用引擎提供翻译支持 腾讯云小微IT领域专用引擎提供翻译支持

2 个回答