我使用 weex 的 slider 模塊來實現(xiàn)類似 Android 的 ViewPager 滑動功能，這的確是可行的.但是這里我需要加一個導航欄，點擊后切換到指定頁面就不知道如何去做了。silder 只在 onchange 方法中的 event 對象屬性中有一個 index 值可以獲取當前圖片的索引，沒有提到通過代碼切換slider 頁面的方法。我也查了一下相關問題，在weex怎么實現(xiàn)界面左右滑動切換問題中曾經(jīng)提到過該問題，但是只是說了有一個 index 值，改變index 值可以實現(xiàn)頁面切換。但是沒提到具體做法~那么……又遇到過類似問題的童鞋嗎？求指教~非常感謝~~
2 回答
慕標琳琳
TA貢獻1830條經(jīng)驗 獲得超9個贊
slider文檔中有3個特性沒寫出來。
showIndicators控制輪播圖指示器顯示與否。傳入false或者空字符串則不顯示輪播圖指示器。value獲取value值，如果為數(shù)字，切換 slider 到指定頁。index切換 slider 到指定頁(value和index功能差不多。)。
注意：這里的三個參數(shù)設置默認值沒用，都需要 v-bind 綁定，然后改變綁定的值才會變。
具體可以看下SDK源碼，源碼地址在playground項目中有~（找了好久 - -|）
代碼：
<template>
<div>
<slider class="slider" interval="3000" :value="val" :index="index" :showIndicators="show">
<div class="frame" v-for="img in imageList" :key="img.src">
<image class="image" resize="cover" :src="img.src"></image>
</div>
<indicator class="indicator"></indicator>
</slider>
<text class="btn" @click="val = 0">toPage0</text>
<text class="btn" @click="val = 1">toPage1</text>
<text class="btn" @click="val = 2">toPage2</text>
<text class="btn" @click="show = 'false'">showIndicators</text>
</div>
</template>
- 2 回答
- 0 關注
- 1124 瀏覽
添加回答
舉報
0/150
提交
取消