v-for 之后的 Vue 指令

Question

我有一组数据是通过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>

Answer 1

等待实例

化指令，直到sponsors包含数据。

一种快速而肮脏的方法：

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