Implementierung einer zirkulären Scroll-Listenfunktion basierend auf Vue

<vue-seamless-scroll :data="Listendaten" class="seamless-warp" :class-option="Standardoption">
        <ul Klasse="Artikel">
            <li v-for="Element in Listendaten">
                <span class="Titel" v-text="Artikel.Titel"></span><span class="Datum" v-text="Artikel.Datum"></span>
            </li>
        </ul>
    </vue-seamless-scroll>

<style lang="scss" scoped>
    .nahtloser Warp {
        Höhe: 229px;
        Überlauf: versteckt;
    }
</Stil>

<Skript>
    Standard exportieren {
        Daten () {
            zurückkehren {
                Listendaten: [{
                   'title': 'Nahtloses Scrollen der ersten Zeile. Nahtloses Scrollen der ersten Zeile',
                   'Datum': '2017-12-16'
                 }, {
                    'title': 'Nahtloses Scrollen der zweiten Zeile. Nahtloses Scrollen der zweiten Zeile',
                    'Datum': '2017-12-16'
                 }, {
                     'title': 'Nahtlos scrollende dritte Zeile Nahtlos scrollende dritte Zeile',
                     'Datum': '2017-12-16'
                 }, {
                     'title': 'Nahtloses Scrollen vierte Zeile Nahtloses Scrollen vierte Zeile',
                     'Datum': '2017-12-16'
                 }, {
                     'title': 'Fünfte Zeile nahtlos scrollend Fünfte Zeile nahtlos scrollend',
                     'Datum': '2017-12-16'
                 }, {
                     'title': 'Nahtlos scrollende sechste Zeile Nahtlos scrollende sechste Zeile',
                     'Datum': '2017-12-16'
                 }, {
                     'title': 'Nahtlos scrollende siebte Zeile Nahtlos scrollende siebte Zeile',
                     'Datum': '2017-12-16'
                 }, {
                     'title': 'Nahtlos scrollende achte Zeile Nahtlos scrollende achte Zeile',
                     'Datum': '2017-12-16'
                 }, {
                     'Titel': 'Nahtlos scrollende neunte Zeile Nahtlos scrollende neunte Zeile',
                     'Datum': '2017-12-16'
                 }]
                }
            }
       }
</Skript>

berechnet: {
    Standardoption () {
      zurückkehren {
        Schritt: 0,6, // Je größer der Wert, desto schneller das Scrollen. hoverStop: true, // Ob Mouse-Hover-Stop aktiviert werden soll
        Richtung: 1, // 0 runter 1 hoch 2 links 3 rechts Wartezeit: 1000 // Stoppzeit für Einzelschrittbewegung (Standard 1000 ms)
      }
    }
  }