Vue директива после V-для

Question

Vue директива после V-для

1

У меня есть набор данных, которые я втягиваю через Firebase. Я хочу отображать изображения, указанные в данных Firebase, в карусели. Я установил директиву (ниже). Проблема, с которой я столкнулась, связана с v-for. Директива выполняется до v-for и, следовательно, никакой карусели, поскольку элементы не существуют.

Директива:

  directives: {
    slick: {
      inserted: function (el) {
        $(el).slick({
          arrows: false,
          autoplay: true,
          autoplaySpeed: 4000,
          speed: 2000,
          fade: true,
          pauseOnHover: false
        })
      }
    }
  }

HTML

<div v-slick>
  <div v-for="sponsor in sponsors">
    {{sponsor.name}}
  </div>
</div>

Auzy 09 июнь 2017, в 23:31

Источник

Теги:

javascript

vue.js

vuejs2

1 ответ

Ещё вопросы

Daniel Beck · Accepted Answer · 2017-06-09T20-41-00.000Z

Подождите, чтобы создать экземпляр директивы, пока sponsors содержать данные.

Один быстрый и грязный способ сделать это:

<div v-slick v-if="sponsors.length"> ... </div>