bootstrap-vue: v-show does not work with b-tab. v-if works ok

Boostrap-vue 1.4.0

Here is example: https://jsfiddle.net/x3o39acm/3/

When you open the page, you see that initially v-show is false, however the tab is shown.
When you click few times Show button (in order to make v-show=false -> true -> false again) the content of the tab becomes hidden, however both (the tab + its content) must be hidden.

v-if works as expected.

About this issue

Original URL
State: closed
Created 7 years ago
Reactions: 1
Comments: 15 (12 by maintainers)

Most upvoted comments

I would argue the nav should not be displayed if the tab is hidden. What’s the point of showing the navigation for a tab that is not supposed to be displayed?

v-if does not work well with a lot of jquery plugins without a lot of additional processing. Using v-if also seems to break the tab order. A tab that has v-if will become the last tab when that condition is true.

devonbessemer on Jan 16, 2018