我正在尝试从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。 预先感谢。
答案 0 :(得分:2)
我解决了这个问题。
我从Vue.prototype.$toast
获得了$ toast方法,因为我将其装载了Vue.use(Buefy)
。
感谢关注。