在Vuex中使用Framework7 $f7.router.navigate

Question

目标

我正在尝试更改Vuex中的Framework7路由。

像这样的东西

actions: {
  login (context, payload) {
    fetch(...POST Request).then( res => {
      if(res.success === 1){
        $f7.router.navigate('...Some Route')
      }
    })
  }
}

问题

存储中不存在$f7。$f7在Framework7的实例上定义，并附加到Vue.prototype。然后，您可以使用. $f7通过每个组件访问$f7。您可以在line 23上的代码中看到这一点

我能够获取变量的唯一方法是导出我的Vue应用程序对象，然后将其导入存储中，然后访问实例，如下所示。

Vue应用程序

export default new Vue({
  ...
})

商店

import vue from './app'

vue.$f7.router.navigate('some route'))

这是可行的，但这里的最佳实践是什么？

Answer 1

下面的代码怎么样。

this.$f7router.navigate('/somewhere/');