VueJs Not Updating Array

Question

I'm trying to make a dynamic menu at vue, but, while I trying to apply a "active" css class to the menu item, not work, I see the menu variable "menuFomartado" is not updating by VUE, what I thinking wrong?

This code only works while loading page again..

<script>
export default {
  data() {
    return {
      menuFomartado: [],
      menu: [
        {
          icon: "fa fa-chart-area",
          pageName: "dashboard",
          title: "Dashboard",
          role: "admin"
        },
        {
          icon: "fa fa-user-circle",
          pageName: "clientes",
          title: "Clientes",
          role: "admin"
        },
    
      ]
    };
  },
  computed: {
    sideMenu() {
      return this.nestedMenu(this.menu);
    }
  },
  watch: {
    $route() {
      this.menuFomartado = this.sideMenu;
    }
  },
  mounted() {
    this.menuFomartado = this.nestedMenu(this.sideMenu);
  },
  methods: {
    nestedMenu(menu) {
      menu.forEach((item, key) => {
        if (typeof item !== "string" && item.pageName != "") {
          menu[key].active = item.pageName == this.$route.name;
        }
      });

      return menu;
    }
  }
};
</script>

stackoverflow.com/questions/42807888/…

Pierre Said
– Pierre Said

2021-04-06 17:05:55 +00:00
Commented Apr 6, 2021 at 17:05 — Pierre Said
– Pierre Said, Commented Apr 6, 2021 at 17:05

cristianormoraes · Accepted Answer · 2021-04-06 19:09:15Z

1

Based in @pierre-said from post Vuejs and Vue.set(), update array

I just changed the line

menu[key].active = item.pageName == this.$route.name;

To

this.$set(menu[key], "active", item.pageName == this.$route.name);

And works fine

answered Apr 6, 2021 at 19:09

cristianormoraes

9311 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

VueJs Not Updating Array

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related