无法访问.beforeEach()

时间:2018-09-21 17:20:50

标签: javascript vue.js vuejs2 buefy

我正在尝试从Buefy访问Toast组件,以在每次有人尝试访问仅授权视图时显示错误:

// ...
import { Toast } from 'buefy/dist/components/toast'

router.beforeEach((to, from, next) => {
  // ...
  if (to.matched.some(record => record.meta.requiresAuth)) {
    if (!(store.state.isAuth)) {
      Toast.open({
        message: "Not authorized"
      });
      next({
        path: '/login/',
      })
    } else {
      next()
    }
  } else {
    next()
  }
}

但是Toast是未定义的,我确实导入了Buefy并写了Vue.use(Buefy)

如何解决此问题并在此处访问Toast。 预先感谢。

1 个答案:

答案 0 :(得分:2)

我解决了这个问题。

我从Vue.prototype.$toast获得了$ toast方法,因为我将其装载了Vue.use(Buefy)

感谢关注。