kui-vue/components/tabs/tabpane.jsx

A high quality UI Toolkit built on Vue.js 2.0

export default {
  name: "Tabs",
  props: {
    title: String,
    icon: [String, Array],
    disabled: Boolean,
    closable: Boolean
  },
  inject: {
    Tabs: { default: {} },
  },
  beforeDestroy() {
    this.Tabs && this.Tabs.resetNavPosition();
  },
  mounted() {
    this.Tabs && this.Tabs.resetNavPosition();
  },
  render() {
    return (
      <div class={['k-tabs-tabpane', { 'k-tabs-tabpane-active': this.Tabs.activeKey == this.$vnode.key }]}>
        {this.$slots.default}
      </div>
    )
  }
}