Vue光滑轮播滑块asNavFor问题

时间:2020-07-20 13:30:22

标签: vue.js

这是用于“大图”滑块

  <VueSlickCarousel v-if="changeableImages && changeableImages.length > 0"
      ref="c1"
     :focusOnSelect="true">
     <div v-for="(image, imageIndex) in changeableImages" :key="'c1_image_' + imageIndex">
          <img :src="image.imagePath">
     </div>
 </VueSlickCarousel>

这是用于小图像滑块。

 <VueSlickCarousel v-if="changeableImages && changeableImages.length > 0"
      ref="c2"
      :asNavFor="$refs.c1"
      :slidesToShow="4"
     :focusOnSelect="true">
     <div v-for="(image, imageIndex) in changeableImages" :key="'c1_image_' + imageIndex">
          <img :src="image.imagePath">
     </div>
 </VueSlickCarousel>

查看方法:

imageFilterChange() {
    let newChangeableImages = [];
    changeableImages.$set(this, 'changeableImages', newChangeableImages);
}

我的问题:当我从vue方法更改changeableImages时,有时asNavFor无法正常工作。我的意思是,小滑块无法从大滑块导航正确的图像。

使用的软件包: "vue-slick-carousel": "^1.0.6"上的"vue": "^2.6.11"

0 个答案:

没有答案