鍍金池/ 問答/HTML5  HTML/ swiper動態(tài)改變

swiper動態(tài)改變

clipboard.png
監(jiān)聽子組件觸發(fā)的函數(shù)然后接受參數(shù)動態(tài)改變數(shù)組swiperSlides,結(jié)果是數(shù)組改變了但是swiper內(nèi)容沒有刷新

回答
編輯回答
離殤

應(yīng)該在子組件里面watch下傳遞的參數(shù),然后添加事件

2017年10月31日 06:16
編輯回答
我以為

我理解你問題是數(shù)據(jù)更新但是輪播并未更新，你可以試一下swiper.appendSlide(slide)方法去添加slide元素。

data.map(el=>{
    let slide = `<div class="swiper-slide"><img class="banner-img" src="${el.image}" alt="${el.title}"></div>`;
    this.swiper.appendSlide(slide)
});
2018年3月10日 07:35
編輯回答
萢萢糖

數(shù)組是怎樣改變的？用索引直接設(shè)置一個項時，如：this.items[indexOfItem] = newValue,這樣是不會觸發(fā)狀態(tài)更新的。數(shù)組更新檢測

2018年6月23日 09:25
編輯回答
笨笨噠

檢查一下 this 是否是 Vue 實例

2018年8月30日 02:49