如何等待v-for然后执行光滑滑块

时间:2017-07-27 08:17:21

标签: jquery laravel-5 vuejs2 vue-component slick.js

我安装了laravel 5.3和vuejs组件,这里是代码

<div style="width: 100px; 
    height:200px; 
    border: solid black 1px; 
    overflow-x: auto">
  <div style="width: 120px; height: 50px;background-color:blue">
  </div>
  <div style="width: 100px; height: 30px;background-color:red">
  </div>
  <div style="width: 120px; height: 50px;background-color:green">
  </div>
</div>

问题是,我需要等待v-for完成其他组件的循环,然后调用slick滑块。我该怎么做?

我尝试首先调用光滑,或者在循环完成之前调用

1 个答案:

答案 0 :(得分:0)

您可以观察计算属性而不是组件更新的挂钩

watch: {
    options() {
        this.$nextTick(() => {
            $('class').slick()
        })
    }
}