美文网首页
antd的tabs 切换

antd的tabs 切换

作者: 冬天的_太阳 | 来源:发表于2020-01-15 18:07 被阅读0次
    • defaultActiveKey  默认显示tabs  activeKey绑定当前值,通过改变当前值,就可以通过事件跳转。    
      
             <Tabs defaultActiveKey={this.state.num} activeKey={this.state.numMo} onChange={this.callback.bind(this)}  >
                  <TabPane tab="Tab 1" key="a1"> Content of Tab Pane 1</TabPane>
                  <TabPane tab="Tab 2" key="2">Content of Tab Pane 2 </TabPane>
                  <TabPane tab="Tab 3" key="3">Content of Tab Pane 3</TabPane>
             </Tabs>
        <button onClick={this.tabChange.bind(this)}>  点击切换</button>
    
        tabChange() {
            // 点击切换当前的tabs
            this.setState( {numMo: '3'})
        }
        //   当tab切换的时候触发
        callback(val) {
            this.setState( {  numMo: val })
        }
    
    

    相关文章

      网友评论

          本文标题:antd的tabs 切换

          本文链接:https://www.haomeiwen.com/subject/nfztzctx.html