ManukMinasyan / vue-functional-calendar

Vue.js Functional Calendar | Component/Package
https://vue-functional-calendar.now.sh/
MIT License
468 stars 84 forks source link

updating markedDateRange prop values doesn't change the calendar #101

Closed syldman closed 1 year ago

syldman commented 4 years ago

I tried quite a bunch of ways:

and only re-rendering of the whole component worked

BTW: great job and thanks!

Gamsake commented 4 years ago

me neither (version: 2.8.88)

someone says 'using :key solves the issue', but that makes other issues

didotsonev commented 3 years ago

+1

ngekoding commented 3 years ago

I have a same issue when trying to update the configs, and successfully make it works by using vue watch cycle.

<!-- view -->
<functional-calendar
  ref="Calendar"
  v-model="calendar"
  :configs="calendarConfigs">
</functional-calendar>

Just manipulate the calendarConfigs value, e.g. change limits, etc...

And here is the main point to make it works.

watch: {
  calendarConfigs: {
    deep: true, 
    handler() {
      this.$refs.Calendar.setConfigs();
    }
  }
}

That's it.

Hope can help anyone who have the same problem.

ManukMinasyan commented 1 year ago

Hello. Thanks for your feedback. Now I don't have time to deal with the calendar. Please create pull requests, I will appreciate it, it will be useful for the community.