2

パッケージを使用すると、動的セグメントvue-routerを簡単に一致させることができます:

router.map({
  '/user/:username': {
    component: {
      template: '<p>username is {{$route.params.username}}</p>'
    }
   }
})

ただし、コンポーネントメソッドの値を使用する方法がわかりませんでした。

router.map({
  '/user/:username': {
    component: {
      ready: function() {
         // How to access the param here?
         alert($route.params.username);
      }
    }
  }
})

コンポーネント メソッドで一致したセグメントにアクセスするにはどうすればよいですか?

4

2 に答える 2

0

$routeオブジェクトは、すべてのルーターにマップされたコンポーネントに挿入されます。ケースごとに、メソッドを使用してparamsキー/値を渡されます。

router.map({
  '/user/:username': {
    component: {
      ready: function() {
         // How to access the param 
        // use the scope 'this'
         alert(this.$route.params.username);
      }
    }
  }
})

詳細については、 http://router.vuejs.org/en/api/route-object.htmlをご覧ください。

于 2016-10-30T19:46:28.107 に答える