列表组中NavigationTo的nativescript-vue用法

Question

我正在使用游乐场Web工具处理nativescript-vue，并尝试在nativescript中重现简单的vue.js代码。我想做的是从一组项目中填充一个列表组，然后在“ @ itemTap” 操作时使用 $ navigateTo 。 itemTap调用一个方法，并使用项目..

中的参数调用navigationTo

项目数组：

items: [{
        name: "Events",
        icon: "~/assets/icons/calendarx32.png",
        pageTo: "events"
        }]

列表视图

<ListView class="list-group" for="item in items" @itemTap="onItemTap($event)" style="height:100%">
                        <v-template>
                            <FlexboxLayout flexDirection="row" class="list-group-item">
                                <Image :src="item.icon" width="32" height="32"
                                    class="thumb" />
                                <Label :text="item.name" class="list-group-item-heading"
                                    style="width: 60%" />
                            </FlexboxLayout>
                        </v-template>      
    </ListView>

方法：

 onItemTap: function(event) {
                console.log(event.item.pageTo);
                this.$navigateTo(event.item.pageTo);
},

控制台日志正确打印​​了对象“ item”的pageTo键，但$ navigateTo无效，并且控制台中没有错误。如果我对组件的相同名称进行硬编码，它将按预期工作。

当然，该组件是导入到脚本标签中的。

import events from "./Events";

我缺少什么？它的工作方式与网络不同吗？

谢谢。