猿问
下载APP

如何控制weex的Slider显示第几页。

我使用 weex 的 slider 模块来实现类似 Android 的 ViewPager 滑动功能,这的确是可行的.但是这里我需要加一个导航栏,点击后切换到指定页面就不知道如何去做了。

silder 只在 onchange 方法中的 event 对象属性中有一个 index 值可以获取当前图片的索引,没有提到通过代码切换slider 页面的方法。

我也查了一下相关问题,在weex怎么实现界面左右滑动切换问题中曾经提到过该问题,但是只是说了有一个 index 值,改变index 值可以实现页面切换。但是没提到具体做法~

那么……又遇到过类似问题的童鞋吗?求指教~非常感谢~~


翻阅古今
浏览 299回答 2
2回答

qq_笑_17

官网demo就有slider table

慕标琳琳

slider文档中有3个特性没写出来。showIndicators&nbsp;控制轮播图指示器显示与否。传入&nbsp;false&nbsp;或者&nbsp;空字符串&nbsp;则不显示轮播图指示器。value&nbsp;获取value值,如果为数字,切换 slider 到指定页。index&nbsp;切换 slider 到指定页(value&nbsp;和&nbsp;index&nbsp;功能差不多。)。注意:这里的三个参数设置默认值没用,都需要&nbsp;v-bind&nbsp;绑定,然后改变绑定的值才会变。具体可以看下SDK源码,源码地址在playground项目中有~(找了好久 - -|)代码:<template>&nbsp; <div>&nbsp; &nbsp; <slider class="slider" interval="3000" :value="val" :index="index" :showIndicators="show">&nbsp; &nbsp; &nbsp; <div class="frame" v-for="img in imageList" :key="img.src">&nbsp; &nbsp; &nbsp; &nbsp; <image class="image" resize="cover" :src="img.src"></image>&nbsp; &nbsp; &nbsp; </div>&nbsp; &nbsp; &nbsp; <indicator class="indicator"></indicator>&nbsp; &nbsp; </slider>&nbsp; &nbsp; <text class="btn" @click="val = 0">toPage0</text>&nbsp; &nbsp; <text class="btn" @click="val = 1">toPage1</text>&nbsp; &nbsp; <text class="btn" @click="val = 2">toPage2</text>&nbsp; &nbsp; <text class="btn" @click="show = 'false'">showIndicators</text>&nbsp; </div></template>
打开App,查看更多内容
随时随地看视频慕课网APP
我要回答