How do I conditionally set a tab visibility false using setTabVisible method about vue-tabs-component HOT 5 CLOSED

Note: why isn't is-visible a prop?

<tab name="Invissible tab" v-if="tabXvisible">
...
</tab>

export default {
    data() {
        return{
            tabXvisible = false,
        }
    }
}

or you can do it programically:

this.$children[0].findTab('#advice').isVisible = false

but that is not the way vue is intended to work...

from vue-tabs-component.

Hi @ian-pinto-vamaship,

You can watch the variable to automate it, reusing @JBtje data ():

<tabs ref="tabs">
  ...
</tabs>

  ...
  watch: {
    tabXvisible: function (val) {
      this.$refs.tabs.setTabVisible(this.tabXHash, val)
    }
  }
  ...

@JBtje I see no reason why isVisible could not be a property, PR? :)

from vue-tabs-component.

@manelclos PR is only useful if the project owner accepts them.... Seems that's not the case for this project. (my PR is still not accepted)

from vue-tabs-component.

@JBtje as you can see here #67 (comment) you just need to be patient

from vue-tabs-component.

The visibility method was added to work a round a specific case (see #16).

In hindsight, it should have been done differently, but we don't really want to support any new configuration at the moment, so we're going to stick with the existing API.

We'll revisit this problem in a future major version of this package.

from vue-tabs-component.