在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

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

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

  1. 問題

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

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)容更新完畢再計算寬高，可以實現(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