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。

我在做什么错了？

注意：我在官方操场上的在线官方教程的第13/29步中

Answer 1

该死，我已经找到了自己的错

我需要改变

<TabView selectedIndex="activeTabIndex"

进入

<TabView :selectedIndex="activeTabIndex"

请注意:前面的'selectedIndex'字符

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

1 个答案: