How to update table component in vue js?

Question

Vue.js

I have a table with date filters ( it's a panel with 4 choices: day/week/month/year ). After selecting a filter with a specific date range, I get the data from the API and store the response in the vuex store. I logged everything - fetch and vuex work fine. But when I start changing filters, the data in the table is not updated properly - the entries for the old filters are displayed. Tried a lot: using a computed property, a special counter, etc. I probably did something wrong :( How can I solve my problem? Thank you.

Table:


Filters:


Method call:

Answer 1

Solved the problem, I was missing undefined validation inside the table