如何在Framework7 + Vue应用程序中导航到路线？

Question

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

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

<template>
...
</template>

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

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

Answer 1

最后这对我有用。

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

来自Docs

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