antD 走马灯跳到指定页面

import { Table, Carousel, Input, Tabs, Icon } from 'antd'

next() {
        this.slider.slick.slickNext();
    }
    prev() {
        this.slider.slick.slickPrev();
    }

    goTop = () => {
    	this.slider && this.slider.innerSlider.slickGoTo(2) //跳到指定页面 0 开始
    
    }

//主业绑定 ref={el => (this.slider = el)}
    <div className="home-lunbo">
                <Carousel {...lunboSetting} ref={el => (this.slider = el)}>
                    <div key={1}><h3>1</h3></div>
                    <div key={2}><h3>2</h3></div>
                    <div key={3}><h3>3</h3></div>
                    <div key={4}><h3>4</h3></div>
                </Carousel>
                <Icon type="left-circle"onClick={this.prev}/>
                <Icon type="right-circle" onClick={this.next}/>
                <button onClick={this.goTop} >tiaozhuan</button>
            </div>

  

posted @ 2019-06-28 16:06  Webwhl  阅读(2609)  评论(0编辑  收藏  举报