这是用于“大图”滑块
<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"