时间戳

首页 > 解决方案 > 在 TabView 中更改 selectedIndex 不会更改可见选项卡

nativescript - 在 TabView 中更改 selectedIndex 不会更改可见选项卡

问题描述

我的模板包括此行

<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 步

标签： nativescriptnativescript-vue

解决方案

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

我需要改变

<TabView selectedIndex="activeTabIndex"

进入

<TabView :selectedIndex="activeTabIndex"

注意:前面的 ' ' 字符selectedIndex

推荐阅读