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

如何导航到Framework7中的路线& VueJs app。如何导航到Framework7 + Vue应用程序中的路线？

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

<template> 
... 
</template> 

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

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

来源

2017-06-18 Rahmathullah M

试试这个。$ router.replace（'/ about'）' –

@VamsiKrishna $ router是未定义的。 –

请参阅最后一节**路由器API **此处（http://framework7.io/vue/navigation-router.html），这可能是问题 –

终于这对我有效。

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

从文档

请注意，$路径和$路由器组件属性只是你根据路线加载自定义页面组件（及其子组件）内可用。在父组件中（比如在View中，或者你启动你的Vue应用程序实例的地方），它们是不可访问的，因为你的应用程序每次可能只有很少的路由器（视图）。因此，在这种情况下，使用对初始化的视图实例的访问，例如$ f7.views.main.router或$ f7.mainView.router

来源

2017-07-11 16:01:44

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

回答

相关问题