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

相关文章推荐

近视的遥控器 · 在.Net Core ...· 4 月前 ·

爱喝酒的牙膏 · 体育总局等部门关于印发《中国青少年足球改革发 ...· 6 月前 ·

难过的抽屉 · 中国连云港 >> 专题 >> ...· 1 年前 ·

犯傻的菠萝 · 巴菲特逆势抄底，斥26亿美元押注流媒体派拉蒙 ...· 1 年前 ·

长情的大脸猫 · 罗志祥徐乃麟上涉毒黑名单 ...· 1 年前 ·

<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)

推荐文章

近视的遥控器 · 在.Net Core 2.1下使用SkiaSharp进行图片处理-腾讯云开发者社区-腾讯云

4 月前

爱喝酒的牙膏 · 体育总局等部门关于印发《中国青少年足球改革发展实施意见》的通知_国家体育总局

6 月前

难过的抽屉 · 中国连云港 >> 专题 >> 第十九届（2017）江苏农业国际合作洽谈会

1 年前

犯傻的菠萝 · 巴菲特逆势抄底，斥26亿美元押注流媒体派拉蒙_新浪财经_新浪网

1 年前

长情的大脸猫 · 罗志祥徐乃麟上涉毒黑名单台又有30艺人列入-搜狐娱乐

1 年前

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

2 个回答