Question

我正在尝试手动更改标签，但我发现了一个错误。因此，即使选项卡索引已更改，选项卡也不会更改，这基本上是一个问题。我创建了一个nativescript游乐场应用程序，您可以在其中查看问题。 https://play.nativescript.org/?template=play-vue&id=VYfreA&v=2要重现此问题，您要做的就是按Field标签，然后按Go to profile按钮，再按一次field标签，然后按{{1} }按钮标签不会更改。

Answer 1

那不是错误，而是绝对的预期行为。您在selectedIndex上的绑定是一种方法，您不监视TabView的更改。

因此，当您通过点击制表符标题导航至“已归档”选项卡时，selectedIndex的值仍为2。单击“转到配置文件”按钮将尝试将值更改为2，但是变量值已经为2，因此更改检测不会发生。

要处理此情况，您将必须监听selectedIndexChange事件并不断更新变量。

            <TabView :selectedIndex="selectedIndex" @selectedIndexChange="selectedIndex = $event.value">
                <TabViewItem title="home">
                    <StackLayout>
                        <Button text="go to fields" @tap="selectedIndex = 1"></Button>
                    </StackLayout>
                </TabViewItem>

                <TabViewItem title="Field">
                    <StackLayout>
                        <Button text="go to profile" @tap="selectedIndex = 2"></Button>
                    </StackLayout>
                </TabViewItem>

                <TabViewItem title="profile">
                    <StackLayout>
                        <Button text="go to home" @tap="selectedIndex = 0"></Button>
                    </StackLayout>
                </TabViewItem>
            </TabView>

Nativescript选项卡视图更改不起作用

1 个答案: