how to trigger event change date?

I use lib Fullcalendar in vuejs I use view Render event in config but it belong data function, it’s don’t allow access this or anything (store, function, exp)? How to i can trigger a event in $store object? Or recommend for me solution instead?

configEvent: {
        locale: 'vi',
        defaultView: 'month',
        lazyFetching: true,
        viewRender (view, element) {
          if (view.type === 'month') {
            let titleDateSplit = view.title.split(' ');
            let filterEvent = {
              year: titleDateSplit[2],
              month: (Number(titleDateSplit[1]) < 10) ? ('0' + titleDateSplit[1]) : (titleDateSplit[1])
            };
            getListEvent(filterEvent)
              .then(res => {
                this.$store.dispatch('setListEventFilter', res.data);
              });
          }
        },
        header: {
          right: ' month,agendaWeek,agendaDay',
          center: 'title',
          left: 'prev,next'
        },
        footer: {
          center: 'prev,next'
        }
      },

[trungk18]

@CuongStf So basically you want to trigger this this.$store.dispatch('setListEventFilter', res.data) inside the viewRender, am I right? Could you please show your Vue component code, include how you initiate the Fullcalendar inside Vue and the $store too.

[arshaw]

I believe this ticket boils down to having this be a reference to the Vue instance.

Could you please open up a ticket on the Vue issue tracker if so?