2017-06-18 15 views
2

Framework7のルートにナビゲートする方法& VueJsアプリ。Framework7 + Vueアプリで経路をナビゲートする方法は?

私はスラッシュスクリーンを表示し、2秒後に次のページに移動します。下にコードが貼り付けられます。

<template> 
... 
</template> 

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

注:このアプリ成分(Main.vue)です。

+0

てみ '( '/' について)これ。$のrouter.replaceは' –

+0

@VamsiKrishnaの$ルータが定義されていません。 –

+0

最後のセクションを参照してください**ルータAPI **ここ(http://framework7.io/vue/navigation-router.html)、それは問題の可能性があります –

答えて

6

最後にこれは私のために働いた。ドキュメントから

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

その$ルートと$ルータコンポーネントのプロパティを使用すると、経路に従ってロードカスタムページコンポーネント(およびその子コンポーネント)の内部でのみ利用可能ですのでご注意ください。 Viewのような親コンポーネントやVueアプリインスタンスを初期化する場所では、一度にいくつかのルータ(ビュー)を持つことができるため、アクセスできません。この場合、初期化されたViewインスタンスへのアクセスを使用します。 $ f7.views.main.routerまたは$ f7.mainView.router

関連する問題