1

我正在尝试从 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。提前致谢。

4

1 回答 1

3

我解决了这个问题。

自从Vue.prototype.$toast我用Vue.use(Buefy).

感谢关注。

于 2018-09-21T17:37:36.963 回答