如何在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