Vuejs vue -простой слайдер перед следующим вопросом - PullRequest
0 голосов
/ 13 февраля 2020

Я пытаюсь остановить слайдер, зацикливая контент, используя before-next.

В документах говорится, что для этого требуется функция, которая возвращает true, чтобы показать следующий слайд.

Если я передать метод в ползунке html

<slider :before-next="check()" :v-model="Slide">
  <slider-item v-for="(item, index) in items"></slider>
</slider>
methods: {
check: function () {
 if(this.Slide = this.items.length -1) {
 return {
   false
 } else {
   return {
     true
   }
  }
 }
}

Я получаю ожидаемую функцию получил логическую ошибку

Если проход

 methods: function () {
   this.Slide < this.items.length - 2
 }

Я не получаю ошибку, но также слайдер, который по-прежнему зацикливается

1 Ответ

0 голосов
/ 14 февраля 2020

После некоторых экспериментов это работает.

  <slider :before-next="() => Slide < gallery.length - 1" :before-previous="() => Slide > 0"  :v-model="Slide">
    <slider-item v-for="(item, index) in items">
      <img src="gallery" />
    </slider-item>
  </slider>

Теперь это не l oop

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...