$f7router.navigate not working in callback method

1

Hi All,

How can I make $f7router.navigate to work in the callback function below. In the close function, it is working:

methods: {

callback: function(response) {

  console.log("callback routine");

  this.$f7router.navigate("/payment/");

},

close: function() {

  console.log("Payment closed");

  this.$f7router.navigate("/payment/");

},

}

2

You can call this.$f7router only in components loaded with Router, otherwise you need to call it on respective View, e.g. this.$f7.views.main.router

3

When I used this.$f7router only I got this error:

Uncaught TypeError: this.$f7router is not a function

I also got same error with the second command

Uncaught TypeError: this.$f7.views.main.router is not a function

Is there any import for f7 framework I need to do on my page. Presently I only have this:
import { f7, f7ready } from “framework7-vue”;