Изменение selectedIndex в TabView не меняет видимую вкладку - PullRequest
0 голосов
/ 25 марта 2019

Мой шаблон включает эти строки

<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 изофициальный официальный учебник на официальной площадке

1 Ответ

0 голосов
/ 25 марта 2019

Черт, я уже нахожу свою собственную ошибку

Мне нужно изменить

<TabView selectedIndex="activeTabIndex"

на

<TabView :selectedIndex="activeTabIndex"

Обратите внимание на символ : передиз selectedIndex

...