tengo una matriz:

 [{ title: 'title 1', options: ['a', 'b'] }, { title: 'title 2', options: ['c', 'd'] }, { title: 'title 3', options: ['e', 'f'] }]

Y renderizo esta matriz usando v-for :

 <div v-for="(item, i) in content" :key="item.title"> <div> <div>{{ item.title }}</div> <div :class="{'selected-item': i === selectedIndex}"> {{ item.options[selectedOptionIndex] }} </div> </div> </div>

Cuando cambio el valor de selectedOptionIndex , cambia para cada índice (para el título 1, título 2 y título 3). Quiero cambiar la opción solo para, por ejemplo, el title 1 . ¿Cómo puedo arreglarlo?