How to highlight active submenu item?

Question

Vue.js

Hello. Tell me how to highlight the active submenu item
in this example https://jsfiddle.net/0h87Lsuo/ ? I tried to use the code from the example for a single-level menu, but in this case two items are highlighted at once. How to correctly pass a unique index, or implement it in a different approach?

Answer 1

Let active instead of an index contain a reference to the array element itself:

<div @click="active = subcat" :class="{ active: active === subcat }">