$event对象 & antd Tabs页activeKey的值的获取

Vue.js官方：有时也需要在内联语句处理器中访问原始的 DOM 事件。可以用特殊变量 $event 把它传入方法。

https://cn.vuejs.org/v2/guide/events.html

template：

defaultActiveKey是默认选中的tab-pane，@tabClick是每个标签页被点击时候触发的事件。

这里绑定的dom元素其实就是标签页了，下面在方法中打印我们传入的$event就是activeKey。

    
        内容1
    
    
        内容2
    
    
        内容3
    
    
        内容4
    

script

methods: {
    // 获取tab页的key值
    getTabsKey(event) {
      if(event != null){
        this.tabsActiveKey = event;
      }
      console.log('TabsKey =>',this.tabsActiveKey)
    },
}

之前需要获取标签页的值进行一些判断，记录一下。

其他相关博客

https://www.cnblogs.com/gitByLegend/p/10836922.html

https://www.cnblogs.com/lina-xiao/p/8331529.html