Ребята, помогите решить проблемму, никак не пойму, как быть. Использую

Question

Ребята, помогите решить проблемму, никак не пойму, как быть. Использую

плагин vue-avesome-swiper, у него свой компонент. Мне надо внутри компонента поместить три анимированных элемента с обработчиками событий. Но они не работают, очевидно, потому что оказываются внутри компонента. Как такие задачи решаются? Вот шаблон:
<local-slide
v-for="(slide, index) in bizSlides"
class="biz-slide swiper-slide"
:style="{ backgroundImage: 'url(img/' + slide.bgImage + ')'}"
:key="'bizSlide' + index"
@mouseenter="slide.previewShow = true"
@mouseleave="slide.previewShow = false"
>
<transition name="slideTop">
<p class="top"
v-show="slide.previewShow"
>{{slide.top}}</p>
</transition>
<transition name="imgShow">
<img
v-show="slide.previewShow"
:src="'img/' + slide.src"
alt=""
>
</transition>
<transition name="slideBottom">
<p class="bottom"
v-show="slide.previewShow"
>{{"Сценарий " + (index + 1)}}</p>
</transition>
</local-slide>
Соответственно, не работают события миши, не срабатывает v-show, отчего становится грустно...

#frontend #javascript #programming #russian #vue.js

0

04.09.2018

1 ответов

6 просмотров

Артур Макаров · Accepted Answer

Артур Макаров

события работают. https://jsfiddle.net/NoMad42/eywraw8t/331907/ можешь сам потестировать вызывая метод пуляющий алерт например. проблема скорее всего в другом...

0

04.09.2018

169 похожих чатов

Ребята, помогите решить проблемму, никак не пойму, как быть. Использую

1 ответов

Похожие вопросы