Vue-agile не работает с v-for

Я работаю с VueJS2 и Laravel. Использование vue-agile для перемещения некоторых изображений и текстов.

Когда я пытаюсь добавить v-for для перемещения всех сообщений, я получаю сообщение об ошибке * "TypeError: Cannot read property 'style' of undefined" *

Вот код:

<agile :arrows="false" :speed="750" :timing="'linear'" :fade="true" :autoplay="true" :autoplaySpeed="5000" :pauseOnHover="true" :dots="false">  
            <div :class="['testimonial slide slide--' + post.id]"  v-for="post in posts">
                <img :src="`/images/${post.image}`" v-if="post.image">
                <p>{{post.text}}</p>
                <strong>{{post.author}}</strong><br>
            </div>
        </agile>  

Где моя ошибка? Спасибо.


person Martina    schedule 25.11.2017    source источник
comment
что синтаксис :class бросается в глаза как виновник :class="['testimonial slide slide--' + post.id]" посмотрите на это решение: stackoverflow.com/questions/45163329/   -  person Babak Bandpey    schedule 26.11.2017
comment
Спасибо @BabakBandpey, я пробовал этот пример, но все тот же. Классы фактически добавляются, но все еще имеют ошибку TypeError: Cannot read property 'style' of undefined   -  person Martina    schedule 26.11.2017
comment
не могли бы вы также опубликовать свой сценарий. Потому что ошибка скорее всего в скрипте.   -  person Babak Bandpey    schedule 27.11.2017
comment
@BabakBandpey Это та часть, где я включаю vue-agile: import Vue from 'vue' import AnimateNumber from '../../components/AnimateNumber.vue' import VueAgile from 'vue-agile' Vue.use(VueAgile) Vue.component('animated-number', AnimateNumber) import { get } from '../../helpers/api' export default { data() { return { show: false, showText: 'View more categories', campaigns: [], posts: [], categories: [], } }...   -  person Martina    schedule 28.11.2017
comment
Эта ошибка относится к использованию object.style и говорит, что Object не определено, и я не вижу, чтобы у вас была какая-либо ссылка на этот неизвестный Object в определении вашего компонента. Итак, вопрос в том, что если есть какая-то конфигурация, которая была упущена, или есть ошибки в коде в каких-то других компонентах.   -  person Babak Bandpey    schedule 28.11.2017