鍍金池/ 問答/HTML5  HTML/ swiper無法實(shí)現(xiàn)內(nèi)容滑動

swiper無法實(shí)現(xiàn)內(nèi)容滑動

  1. 問題

此處用Angular將swiper封裝成了一個組件，但是在用的的時(shí)候無法實(shí)現(xiàn)多文本內(nèi)容的滑動顯示，其他地方用的同樣的方法都可以，此處的swiper-slide只有一項(xiàng)，別處有很多項(xiàng)。不知道是不是這個原因。代碼如圖：

clipboard.png

ngo-swiper里面封裝了swiper-container和swiper-wrapper。

clipboard.png
顯示效果：

clipboard.png
內(nèi)容無法滑動。
寬高如下：

clipboard.png

回答
編輯回答
雅痞

1個swiper-slide也是可以滑動的。此處的關(guān)鍵在于。內(nèi)容是通過接口獲取到的，swiper沒有預(yù)先預(yù)留高度，沒有高度自然無法滑動。此處解決辦法有兩種。
一、
swiper有個update（）方法，等內(nèi)容更新完畢再計(jì)算寬高，可以實(shí)現(xiàn)。（此處要用到Angular里面子組件調(diào)用父組件的方法。）如圖：
clipboard.png

clipboard.png
二、
Angular里面可以直接這樣寫，就不需要swiper調(diào)用update（）了。

clipboard.png
值得注意的是，此處div要先定義樣式。

clipboard.png

2017年3月10日 21:49
編輯回答
憶當(dāng)年

要多個swiper-slide才能滑動的

2018年6月2日 04:47