Switch off default page-transition in routes.js

Questions
1

Is there a way to switch off page-transitions in routes.js?

If I put in ‘transition: “none”’, the transition is gone, but also I loose ‘router.back’

 {
    path: "/blog/:postName",
    component: PostPage,
    animate: false,
    options: {
        transition: "none"  //"f7-cover-v"
    }
},

Any hint?

2

animate belong to “view”
not to “route”

var app = new Framework7({
  view: {
    animate: false
  }
});

or

var view = app.views.create('.view',{
  animate: false
});
3

You can pass it in options:

{
    path: "/blog/:postName",
    component: PostPage,
    options: {
        animate: false,
    }
},

But it works only when you navigate to this page, not when you go back from it

4

thanks @nolimits4web… In fact, I had it in the routes, but not in options :roll_eyes:

But there’s no way to avoid the animation when going back?

-> If not: I’d like to add this as a feature request.

thx andy

5

It is possible by setting :animate="false" (in Vue) or data-animate="false" on back link