Overview of the problem
Buefy version: [0.5.0
Vuejs version: 2.4.2
OS/Browser: Ubuntu 16.04.3 / Firefox, Chrome, Chromium
Description
When b-tab-items are "bound" to an array items like
<b-tabs v-model="activeTab" type="is-boxed">
<b-tab-item v-for="item in items" :label="item.title">
<div>{{ item.content }}</div>
</b-tab-item>
</b-tabs>
and an element is removed from the array
remove: function(index) {
this.items.pop(index);
}
The content is removed, however the tab ("header") stays in the nav.
Steps to reproduce
- Setup a
b-tabs elements as shown in the description.
- Create a button which calls the function
remove as shown in the description.
- Use the button to remove elements from the array.
Expected behavior
The b-tab-item should be completely removed.
Actual behavior
The content of b-tab-item is removed, however the tab "head" is still in the nav element and can also be clicked / activated.
Overview of the problem
Buefy version: [0.5.0
Vuejs version: 2.4.2
OS/Browser: Ubuntu 16.04.3 / Firefox, Chrome, Chromium
Description
When
b-tab-itemsare "bound" to an arrayitemslikeand an element is removed from the array
The content is removed, however the tab ("header") stays in the nav.
Steps to reproduce
b-tabselements as shown in the description.removeas shown in the description.Expected behavior
The
b-tab-itemshould be completely removed.Actual behavior
The content of
b-tab-itemis removed, however the tab "head" is still in the nav element and can also be clicked / activated.