Vue.js jak wyświetlić jeden element w pętli

0

Siema, mam problem, otóż w pętli iteruję po elementach z tablicy i wyświetlam je jako elementy blokowe na stronie. Po najechaniu na jeden element chciałbym wyświetlić button z napisem "Przejdź do testu", jednak po najechaniu na taki element ten przycisk pokazuje się we wszystkich elementach, co jest niepożądane. Jak to obejść?
JSFiddle: https://jsfiddle.net/zxn4pvh7/

1

Możesz np. do dodatkowego pola zapisać informację o tym, nad którym elementem wykonano mouse over:

- <div class="panel-body" @mouseover="mouseOver" @mouseleave="mouseLeave">
+ <div class="panel-body" @mouseover="mouseOver(index)" @mouseleave="mouseLeave">

- v-if="mouseEvent"
+ v-if="mouseEvent && (mouseEventSectionId === index)"

-
+ mouseEventSectionId: null,

- mouseOver() {
+ mouseOver(sectionId) {

- 
+ this.mouseEventSectionId = sectionId;

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.