Javascript 如何在Framework7+；Vue应用程序？

如何在Framework7和VueJs应用程序中导航到路由

我想显示一个slpash屏幕，并在两秒钟后导航到下一页。代码粘贴在下面

<template>
...
</template>

<script>
    export default {
        name: "splash",
        mounted: function() {
            this.$router.load({url: '/about/'});   // error
        },
        data: function () {
            return {
                msg : "hello"
            }
        }
    }
</script>

...
导出默认值{
名称：“飞溅”，
挂载：函数（）{
此.$router.load（{url:'/about/'}）；//错误
},
数据：函数（）{
返回{
味精：“你好”
}
}
}

---

注意：这是应用程序组件（Main.vue）。

这终于对我起作用了

this.$f7.mainView.router.load({url: "/user-settings"})

来自文档

请注意，$route和$router组件属性仅在您根据路由加载的自定义页面组件（及其子组件）中可用。在父组件中（如在视图中，或您初始化Vue应用程序实例的位置），它们是不可访问的，因为您的应用程序一次可能只有很少的路由器（视图）。因此，在这种情况下，请使用对初始化视图实例的访问权限，例如$f7.views.main.router或$f7.mainView.router

---

请尝试

this.$router.replace（'/about'）

@VamsiKrishna$router未定义。请参阅此处最后一节路由器API（），这可能是problem@VamsiKrishna我也试过了$f7也未定义。