Вьет-маршрутизатор с WebPack, не может получить доступ к $ маршруту

Question

<template> 
<div> 
    {{$route.params}} 
    <button v-on:click="test">dasda</button> 
</div> 
</template> 

<script> 
export default{ 
    methods: { 
     test:() => { 
     var test = this.$route; 
      console.dir(test); 
     } 
    }, 
    created:() => { 
    console.log(this.$route); 
    } 
} 

</script> 

я могу получить доступ к $route в связывании, правильный параметр будет показан, но если я пытаюсь получить доступ к $route объекту, это не определенно. Я использую Webpack, и с vuejs devtools найден объект $route, но я понятия не имею, как его получить. Если я непосредственно распечатаю объект $route, он также не будет определен.

Answer 1

Не используйте функции стрелок на ваших компонентах. Они должны быть связаны с контекстом компонента.

Вместо этого следует использовать соответствующие методы:

export default { 
    methods: { 
     test() { 
      var test = this.$route; 

      console.dir(test); 
     }, 
    }, 
    created() { 
     console.log(this.$route); 
    }, 
};