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>

  


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM