首页 > 其他 > 详细

antD 走马灯跳到指定页面

时间:2019-06-28 16:23:23      阅读:167      评论:0      收藏:0      [点我收藏+]
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>

  

antD 走马灯跳到指定页面

原文:https://www.cnblogs.com/whlBooK/p/11103264.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!