[b-tabs] v-model is immutable with dynamic tabs

In summary:

• Attach v-model to <b-tabs>. I.e: <b-tabs v-model="selectedPage">.
• When creating a new tab (by i.e: clicking a button like in the DOCS), update the selectedPage to the length of the tabs content in order to set the active tab to the page that was just created.
• Expect the corresponding tab for the new page to be selected. However, it isn’t.

Pseudo:

newPage () {
  this.tabs.push('Content')
  this.selectedPage = this.tabs.length - 1
}

However, if you hard code this.selectedPage to say 1, the active tab is indeed set.

Here’s a fiddle showcasing the issue: http://jsfiddle.net/mojvw303/10/

[mosinve]

Hi, you forget about Vue updating it’s vdom async. so this example should use nextTick.

[mosinve]

Just to check, try to use global nextTick… Vue.nextTick instead of component’s vm.$nextTick