在 TabView 中更改 selectedIndex 不会更改可见的 Tab

Question

我的模板包含这些行

<TabView selectedIndex="activeTabIndex" @selectedIndexChange="onTabChange">

我最初添加了这个：

 onTabChange(tab) {
            this.activeTabIndex = tab.value;
 }

我得到的是：当用户点击一个选项卡标题时，该选项卡会根据需要显示更改，以反映用户点击的标题。

好的，到此为止。

然后我添加了

        onTodoCircleTap(item) {
            const index = this.todos.indexOf(item);
            this.dones.unshift(item);
            this.todos.splice(index, 1);
            this.activeTabIndex = 1;
        },

我确信，使用 console.log，当触发此事件时，activeIndex 会根据需要从 0（第一个选项卡）更改为 1（第二个选项卡），当然反之亦然。

但在这种情况下，TabView 没有更新，或者，好吧，TabView 的可见选项卡没有更改以反映 activeTabIndex。

我做错了什么？

Note: I'am at step 13/29 of online official tutorial on the official playground

Answer 1

妈的，我已经找到自己的错了

我需要改变

<TabView selectedIndex="activeTabIndex"

进入

<TabView :selectedIndex="activeTabIndex"

注意selectedIndex

前面的':'字符

在 TabView 中更改 selectedIndex 不会更改可见的 Tab

Changing selectedIndex in TabView doesn't change the visible Tab

nativescript

nativescript-vue