vue.js - 在 Vuex 中使用 Framework7 $f7.router.navigate

Question

客观的

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

像这样的东西

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

问题

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

我能够获取变量的唯一方法是导出我的 Vue 应用程序对象，然后将其导入商店，然后像下面这样访问实例。

应用程序

export default new Vue({
  ...
})

店铺

import vue from './app'

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

这有效，但这里的最佳实践是什么？

Answer 1

这段代码怎么样。

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