Comments (9)
Hi
I've got no problem to have reactivity on events if they are in events attribute.
But when I use eventSources witth nested events for each of them, unfortunately, I've got no reactivity when one event change, unless the whole source object change.
Is there a way to have reactivity on events in this kind of structure ?
from fullcalendar-vue.
If the array of events is bound correctly to the fullcalendar component, then it should update when the events array updates. can you prove otherwise? with a reduced test case ?
from fullcalendar-vue.
Thanks ... I'll try it out when I have a moment. I'm using event sources, not an array of events.
from fullcalendar-vue.
I can also confirm that the events are not correctly updated. Adding and removing an event works, but changing any property of an event array (like the title for example) doesn't update the event in the calendar. Try my test case: https://codesandbox.io/embed/9o0r4lz5y
Just try to change the title in the table of the events. As you see, the title is not updated in the calendar.
Maybe we are required to set up a vue deep watch here? I'll try that and post my results asap.
from fullcalendar-vue.
@irongomme could you post a reduced test case for the situation you describe with eventSources
?
@chrisribal question, your demo doesn't seem to remove events, correct? also, i think i might know what's going on with it not updating event obj prop changes. i'll investigate for the next minor release.
from fullcalendar-vue.
@arshaw sorry, I've had a typo in my demo. Now you can remove the events without problems.
from fullcalendar-vue.
thanks @chrisribal .
i see the bug with updating. i'm doing a comparison at a fixed depth to detect if there are changes and then rerender. I think i need to compare at one depth deeper. I'll fix this for the next version.
from fullcalendar-vue.
this is now implemented in master! will release this very soon and comment on this ticket again
from fullcalendar-vue.
in 4.2.0, the following props are now fully reactive: events
, eventSources
, resources
, header
, footer
https://github.com/fullcalendar/fullcalendar-vue/releases/tag/v4.2.0
from fullcalendar-vue.
Related Issues (20)
- i found a bug in Timeline ,when set eventMaxStack.i have a demo address,help me please. HOT 1
- resourceTimelineDay v-slot resourceLabelContent only work with column one HOT 2
- Add support for Vue Router and Vuex HOT 5
- Integration for nuxt HOT 1
- JSX issue when using in Vue 3 with Typescript HOT 8
- TypeError: Cannot set properties of undefined (setting 'VueFullcalendar') HOT 1
- Vue3: Custom event component issue: No root instance for app HOT 1
- More than 1 full calendar on the same page. HOT 1
- Event change class between determinate hours HOT 1
- Render `eventContent` in the context of the main Vue application HOT 1
- Using slots breaks optimized rendering HOT 1
- __vite_ssr_import_1__ is not defined when trying to implement FullCalendar in nuxt3 project HOT 1
- CDN triggers "Uncaught TypeError: d is undefined" and so doesn't seem to run HOT 2
- Global.vue is not a function HOT 1
- Importing fullcalendar component breaks type checking with vue-tsc HOT 4
- Horizontal scroll position on timelineMonth resets when navigating to the next day HOT 1
- dayMinWidth: No ScrollGrid implementation HOT 1
- Createapp() called for every event in fullcalendar vue3 HOT 5
- fullcalender not showing time correctly on daygrid view HOT 2
- This issue tracker has moved
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from fullcalendar-vue.