Я пытаюсь получить доступ к компоненту Toast из Buefy, чтобы отображать ошибку каждый раз, когда кто-то пытается получить доступ к представлению только для аутентификации:
// ...
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 здесь. Заранее спасибо.
Vue.use(Toast)
, поскольку вы импортируете его по имени? - person skribe   schedule 21.09.2018Vue.use(Toast)
, это дает мнеCannot read property 'install' of undefined
, посколькуToast
- неопределенная переменная. Проблема в том, что я не могу правильно импортироватьToast
компонент. - person yierstem   schedule 21.09.2018import Toast from 'buefy/dist/components/toast'
, а не именованный импорт с использованием фигурных скобок{Toast}
- person skribe   schedule 21.09.2018