Vue-router: beforeRouteEnter & beforeRouteLeave not working when route component created with Vue.extend

[budiadiono]

beforeRouteEnter and beforeRouteLeave event not triggered when the route component is created using Vue.extend.

See: https://jsfiddle.net/budiadiono/76sgL1ee/4/

[LinusBorg]

It seems assumes that extractEnterGuards plain options objects are used:

https://github.com/vuejs/vue-router/blob/dev/src/history/base.js#L167

[victorwpbastos]

Not working when defined in global mixins too.

[rubyless]

@victorwpbastos +1

[lbineau]

+1

[SaidTayebi]

I believe it doesn't work in Single File Component eigther.

[LinusBorg]

I believe it doesn't work in Single File Component eigther.

That would be odd, as SFCs generally export simple options objects (which do work).

Any reproduction available?

[sagarrabadiya]

it works in single file component, but only if hook is defined inside component itself, otherwise not working for ex. if defined in mixin or in extended component its not working.

[yyx990803]

fixed in a5554a8

also, mixins usage are fixed in fb32ccb

[imac8t]

@sagarrabadiya beforeRouteUpdate doesn't work in Single file component
vue 2.2
vue-router 2.3.0

[LinusBorg]

Please don't re-use 4 months old, closed issues.

[jaywhy13]

I'm having this issue as well.
vue 2.5.4
vue-router 3.0.1

No matter what I do, beforeRouteUpdate never gets called. In my case I'm using the webpack loader setup.

[LinusBorg]

Locking this issue since my first request obviously wasn't dead