vue -сойка-карусель не работает с v-for - PullRequest
Новая
       39

vue -сойка-карусель не работает с v-for

1 голос
/ 22 апреля 2020

Я использую vue -owl-карусель, и каждый элемент заполняется с помощью v-for. 

<carousel>
  <div v-for="index in myArr">
    {{index}}
  </div>
</carousel>

...

<script>
 export default {
   name: "myComponent",
   data: {
     myArr: []
   },
   mounted: {
     for(let i = 1; i < 6; i++) myArr.push(i);
   }
 }
</script>

Но он не работает, и он просто работает с элементами c stati, такими как вот этот. 

<carousel>
  <div>1</div>
  <div>2</div>
  <div>3</div>
  <div>4</div>
  <div>5</div>
</carousel>

Как мне решить эту проблему?

Спасибо

1 Ответ

0 голосов
/ 22 апреля 2020

Отредактировано:

Добавить method для инициализации массива, затем go для mounted перехватить для инициализации pressedArray, когда компонент будет готов.

Моя скрипка: https://jsfiddle.net/jwaLsnk4/1/

Обратите внимание, это работает только для обычного массива без объектов. Приветствия

...