element-ui组件走马灯的setActiveItem方法(手动切换幻灯片)

直接上效果图:

element-ui组件走马灯的setActiveItem方法(手动切换幻灯片)

我做的这个效果是点击右边的尺寸和颜色之后,左边的图片要切换到相对应的产品图片去。思路很简单,拿到正确的index即可。

这里使用的是element-ui的组件跑马灯。

文档地址:http://element.eleme.io/#/zh-CN/component/carousel


element-ui组件走马灯的setActiveItem方法(手动切换幻灯片)

element-ui组件走马灯的setActiveItem方法(手动切换幻灯片)

只需要在你需要切换图片的地方调用下面这个函数即可。

如果懒得写代码,这是网友(你已被提升为管理员)发来的例子可以看看:http://jsfiddle.net/wd1a1toh/1/


唉,身为一个资历尚浅的前端小白,只能慢慢积累,希望各位大佬指教。